css"；“边界图像”；浏览器兼容性问题

我已经搜索了几个小时，四人组检查了我的文件是否有编码错误，但似乎什么也找不到。基本上，我在我的网站上有一个使用边框图像代码的div类，这在Firefox中非常有效。但是其他浏览器都没有显示它。这可能是某个地方的一个愚蠢的代码错误，但我似乎找不到它，所以我希望能多看一眼

您可以在以下网址找到该网站：

它是.section div类，用于网页上几乎所有的文本块

.section{
    padding: 15px 0px 20px;
    -moz-border-image-source:url(../img/layout/border.png);
    -moz-border-image-repeat: repeat;
    -moz-border-image-slice: 10 10;
    -moz-border-image-width: auto;
    -o-border-image-source:url(../img/layout/border.png);
    -o-border-image-repeat: repeat;
    -o-border-image-slice: 10 10;
    -o-border-image-width: auto;
    -webkit-border-image-source:url(../img/layout/border.png);
    -webkit-border-image-repeat: repeat;
    -webkit-border-image-slice: 10 10;
    -webkit-border-image-width: auto;
    border-image-source:url(../img/layout/border.png);
    border-image-repeat: repeat;
    border-image-slice: 10 10;
    border-image-width: auto;
    border-style: solid;
}

我使用的是CSS的长版本，因为我一直在使用短版本，所以我更容易单独查看每个属性

---

任何帮助都将不胜感激，这是我第一次在这里发布，所以如果我忘了包括任何内容，请让我知道

给

div.section

一个边界为我在Safari中修复了它

div.section {
  ...
  border:1px;
}

---

在哪个浏览器中它不工作？它在Chrome、Safari或Opera中不起作用，这基本上是除Firefox之外我测试过的所有浏览器。caniuse表示Opera只支持速记，不支持单独属性。哦，我错过了。谢谢这似乎对Chrome没什么帮助。我现在觉得自己像个白痴，谢谢！它在Safari和Chrome中都进行了修复。但在歌剧中似乎仍然不起作用。