Question

我已经搜索了几个小时，并对我的文件进行了四次检查以查找编码错误，但似乎无法提出任何问题。基本上我在我的网站上有一个使用边框图像代码的div类，它在Firefox中运行良好。但是其他浏览器都没有显示它。这可能是一个愚蠢的代码错误，但我似乎无法找到它，所以我很欣赏这一点。

您可以在以下网址找到该网站： http://beta.lycancreations.com/

这是.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的长版本，因为我一直在搞乱较短的版本，我更容易单独查看每个属性。

任何帮助将不胜感激，这是我第一次在这里发帖，所以如果我忘了包含任何内容，请告诉我！

Answer 1

在Safari中为div.section边框修复了它。

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

css“border-image”浏览器兼容性问题

1 个答案: