css - 边框图像 : workaround for IE

Question

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

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

Answer 1

.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 等)出现在背景下方，特别是如果你使用负边距或类似的东西。