border-image:IE的解决方法

Rod*_*uza 6 css internet-explorer

有没有IE的解决方法让我能够使用border-image?我正在开发一个网站,它在每个浏览器中都能正常工作,但是IE.我需要模仿这些酒吧图片

我可以使用IE-css3.htc技巧,但border-radius只能用四角一起工作(不适用于此,"导致顶部边框不四舍五入)和filter CSS属性(梯度)不工作border-radius时all(它填充整个元素,忽略边界半径限制).如果没有解决方法,那么最好的方法是什么?

小智 14

这些.png文件是不必要的.只需使用CSS3派:http://css3pie.com/

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

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

在这种情况下,左上角没有边界半径,其他角落(顺时针)每个角落为5px.

然后使用behavior:url(path_to/pie.htc);相同的风格.

还要记住,path_to是相对于正在查看的文档,而不是调用它的CSS文件.确保检查它是否不起作用.

我已经测试了很多次,它就像一个魅力.

附加信息:

如果有时你的样式出现并消失,请尝试给你的元素a position:relative和指定的元素z-index.CSS3 PIE的工作方式,它与z-index一起使用,如果没有指定,可以使你的样式渐变(和圆角等)出现在背景下面,特别是如果你使用负边距或奇怪的东西.