0

在我的 Wordpress http://www.diylowell.org/test/Wordpress/

我在我的小部件区域中为帖子设置了一个边框图像，其中包含以下 CSS：

  #secondary .widget_siteorigin-panels-postloop .post {
        border: 30px solid transparent;
        -webkit-border-image:url("border-thick.png") 30 stretch;
        -moz-border-image:url("border-thick.png") 30 stretch;
        -o-border-image:url("border-thick.png") 30 stretch;
        border-image:url("border-thick.png") 30 stretch;
        padding-bottom: 0px;
    }

边框图像在 Chrome、Firefox 和 Safari 的多个版本中显示，但由于某种原因在 IE11 中不起作用。我检查了 F12 功能，IE 表现得好像它无法识别该属性（在它下面放了一条弯曲的线。）

我什至从其他网站的边框图像在 IE11 中工作的 CSS 复制并粘贴到我自己的网站中，但它不起作用。我的主题或插件中是否有某种代码会阻止边框图像在 IE11 中工作？

4

2 回答 2

0

这可能会回答您的问题：

Internet Explorer 11 是否支持边框图像？

请注意，必须指定边框样式和边框宽度才能使边框图像根据规范工作，尽管较旧的实现可能没有此要求。部分支持是指支持简写语法，但不支持单个属性（border-image-source、border-image-slice 等）。

是的，您可能已经完成了：border: 30px solid transparent;但是 IE11 似乎要求您分别定义边框样式和边框宽度，而不是从border:属性中定义。

于 2015-05-03T04:56:19.573 回答
-1

在类似的情况下，我指定了border: solidand border-width: 0 0 5px 0，并且在 IE (11) 和 Chrome 中都根据需要显示了底部边框。

我注释掉了border: solid，边框图像在 IE 中消失了，但在 Chrome 中仍然存在。

指定border: solid应该工作。

于 2015-10-12T15:31:19.230 回答