我已经搜索了几个小时,并四次检查了我的文件是否存在编码错误,但似乎无法提出任何建议。基本上,我的网站上有一个使用边框图像代码的 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 的长版本,因为我一直在搞乱较短的版本,我更容易单独查看每个属性。
任何帮助将不胜感激,这是我第一次在这里发帖,所以如果我忘记包含任何内容,请告诉我!