我有一个用边框CSS创建的图像。但是，它不兼容IE，IE有什么好的选择吗？

Question

我有一个用边框CSS创建的图像。但是，它不兼容IE。

IE有什么好的选择吗？

#post-wrap {    
    margin:auto;
    padding: 0px 40px 70px 40px;
    width: 850px;
    border-width: 96px 17px 15px 36px;
    -moz-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat;
    -webkit-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat;
    -o-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat;  
    border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat;
}

Answer 1

在IE中未实现border-image css3属性。

唯一的可能性就是使用javascript（比如ie-css3.htc或其他脚本）。

Answer 2

正如您已经发现的，IE不支持CSS border-image。如果你想在IE中使用这种效果，你需要使用不同的方法。

显而易见的解决方案是将图像用作背景图像而不是边框​​。这假设图像本身如果元素的大小合适（IE也不会缩放背景图像），并且元素不会改变大小。如果是这样的话，那么这是最简单的选择。

如果不是这样，那么你仍然可以做同样的事情，但你需要将图像加载到前景上下文中，以便IE可以扩展它，因此你需要使用一些<img>标签形状的附加标记，并将其分层放在现有元素后面。

希望有所帮助。