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