-1

此代码仅在 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;
    }
}

在此处输入图像描述

在此处输入图像描述

4

2 回答 2

0

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

于 2013-02-25T13:28:55.537 回答
0

那是因为Internet Explorer 根本不支持border-image，而且PIE 的支持非常具体和有限，更何况IE10 根本不支持。

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

我强烈建议只为 Internet Explorer 做一个后备并完成它。

于 2013-02-25T15:05:19.140 回答