Question

在我的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表现得好像它不能识别该属性（在它下面添加一条蠕动线。）

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

Answer 1

在类似情况下，我指定了border: solid和border-width: 0 0 5px 0，并在IE（11）和Chrome中根据需要显示了底部边框。

我评论了border: solid，边框图片在IE中消失了，但仍保留在Chrome中。

指定border: solid应该有效。

IE 11无法识别我网站上的边框图像

1 个答案: