0

边框图像也停止出现在 OS 和 iOS 上的 Safari 中。我在 Mac 上使用 Safari 10，在 iPad 和 iPhone 上使用最新版本的 iOS。它确实在 Firefox 中显示它在所有浏览器上使用的显示方式。

网站网址是： http: //majesticpinescolorado.com/

 #sidebar .inner{
border: 1px solid #8e8cae; 
-moz-border-image:url(images/border.png) 50 50 repeat; /* Old firefox */
-webkit-border-image:url(images/border.png) 50 50 repeat; /* Safari */
-o-border-image:url(images/border.png) 50 50 repeat; /* Opera */
border-image:url(images/border.png) 50 50 repeat;

}

我研究了我做错了什么，但所有声明似乎都是正确的。任何帮助是极大的赞赏。

4

2 回答 2

1

我在这里找到了这个确切问题的答案：border image not shown in safari。这就是它所说的：

“我能够找到解决方案并希望分享它以防有人遇到同样的问题。通过删除边框速记属性并将其替换为边框样式和边框宽度来解决问题。”

比如这样：

.borderWrap{

border-style: solid;
border-width: 34px;
border-image: url(../images/spriteOneFrame.png) 34 34 round;

}

代替：

.borderWrap{

border: solid 34px transparent;
border-image: url(../images/spriteOneFrame.png) 34 34 round;

}

于 2016-12-21T04:38:08.823 回答
0

您需要为边框提供与边框图像相同的宽度：

border: 50px solid transparent;
于 2016-12-20T23:14:49.453 回答