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

在我的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中工作，但它不起作用。我的主题或插件中是否有某种代码阻止border image在IE11中工作？

这可能会回答您的问题：

请注意，必须为指定边框样式和边框宽度 边框图像可以根据规范工作，尽管是较旧的实现 可能没有这个要求。局部支护是指支护 简写语法，但不是单个属性 （边界图像源、边界图像切片等）

---

是的，您可能已经完成：

边框：30px实心透明

但是IE11似乎要求您单独定义边框样式和边框宽度，而不是从

border:

属性中进行定义。

在类似的情况下，我指定了

border:solid

和

border width:0 0 0 0 5px 0

，并且底部边框根据需要显示在IE（11）和Chrome中

我注释掉了

border:solid

，边框图像在IE中消失了，但仍保留在Chrome中

---

指定

border:solid

应该有效。

谢谢您的建议！但是，我不确定代码的语法是否有问题。它可以在JSFIDLE中使用：但当它在网页中使用完全相同的CSS时，甚至可以将其分解为边框样式、边框宽度等。“指定

border:solid

应该可以。”我不是CSS专家，但我认为你的回答对OP没有帮助，因为他已经有

border:30px solid transparent。如果我错了，请纠正我。这并不能回答这个问题。要评论或要求作者澄清，请在他们的帖子下方留下评论-你可以随时在自己的帖子上发表评论，一旦你有足够的评论，你就可以发表。@Leb：除了第一句话，这显然是在试图回答这个问题，从我对CSS的了解来看，这是相当合理的。（我还没有试过，所以我不知道它是否真的有效。）谢谢你的建议。但正如其他人提到的，我尝试了速记和速记语法，但都没有效果。让我困惑的是，这两种语法都在js fiddle中工作，但在我的网站上却不工作。（我已经学会忍受IE-11的糟糕表现，但仍然希望知道哪里出了问题。）