css - 边框图像 : workaround for IE

标签 css internet-explorer

是否有任何 IE 的变通方法使我能够使用 border-image?我正在开发一个网站,它在除 IE 之外的所有浏览器中都能正常工作。我需要模仿这些酒吧 image

我可以使用 ie-css3.htc hack 但 border-radius 仅适用于四个 Angular 在一起(此处不适用,因为顶部边框不是圆形的)和 filter css 属性(对于渐变)根本不适用于 border-radius(它填充整个元素,忽略边界半径限制)。如果没有解决方法,最好的方法是什么?

最佳答案

.png 文件是不必要的。只需使用 CSS3 饼图:http://css3pie.com/

完全摆脱专有的 IE 过滤器,并使用(嘿,专有的)-pie-background:linear-gradient(values) 代替。

与单独的圆 Angular 协调工作:border-radius: 0 5px 5px 5px

在这种情况下,左上角将没有边框半径,其他 Angular (顺时针方向)各为 5px。

然后以相同的样式使用behavior:url(path_to/pie.htc);

还请记住,path_to 是相对于正在查看的文档的,而不是调用它的 CSS 文件。确保立即检查它是否无法正常工作。

我已经对此进行了多次测试,效果非常好。

附加信息:

如果您的样式有时出现又消失,请尝试为您的元素指定一个 position:relative 和一个指定的 z-index。 CSS3 PIE 的工作方式,它与 z-index 一起玩,如果没有指定,可以使你的样式渐变(和圆 Angular 等)出现在背景下方,特别是如果你使用负边距或类似的东西。

关于css - 边框图像 : workaround for IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3567501/

相关文章:

php - Yii2 #403 错误仅在 IE 中出现,并且在兼容性 View 模式打开时也会出现

javascript - Highcharts - Safari/IE 的自定义导航器拖动器问题

html - 如何创建一个固定的垂直导航?

css - 具有相同 css 文件的不同屏幕方向

html - 如何让 "display: block"在 IE 中的 <td> 上工作?

javascript - 在插入符位置 (IE) 将文本插入可编辑的 IFRAME

html - 粗体谷歌字体显示的文字比平时低

internet-explorer - IE8 : CSS opacity filter results font color to become the same as the background div's background color

javascript - IE 中的“无效参数”错误,行号不存在

javascript - 如何在 Internet Explorer 浏览器的 JavaScript 中修复数组 indexOf()