如何使用CSS显示边框图像？

Question

此代码仅在Google Chrome和Mozilla Firefox中显示边框图像，但在IE 9或10中不显示。需要在CSS和WordPress中使用的此代码中进行哪些更改？有没有我可以使用的插件来实现这个目标？

.Offset1 {
    width:525px;
    height:auto;
    float:left;
    margin-left:8px;
    border-style:double;
    border-width:30px 30px 30px 30px;
    -moz-border-image:url("<?php echo  $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    -webkit-border-image:url("<?php echo  $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    -o-border-image: url("<?php echo  $vtheme_options['logo']; ?>")30 30 30 30 stretch stretch;
    border-image:url("<?php echo  $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    behavior:url(PIE.htc);
    position: relative; 
}

@media (max-width: 767px) {
    .Offset1{ width:222px;
        margin-left:3px;
    }
}

Answer 1

据我所知，Internet Explorer不支持属性border-image。请参阅此1小示例代码。尝试使用不同的浏览器，所有工作除了Internet Explorer。

Answer 2

那是因为Internet Explorer doesn't support border-image, at all和PIE's support is very specific and limited，更不用说在IE10中根本不受支持。

换句话说，根据PIE的文档，您必须拥有非常具体的代码才能使其在IE9及更低版本中运行，并且您将无法在IE 10中使用它

我强烈建议您只使用Internet Explorer备份并完成它。