ios - 边框图像停止在 Safari(操作系统和 iOS)中显示

Question

边框图像也不再出现在 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;    

我研究过我做错了什么，但所有声明似乎都是正确的。非常感谢任何帮助。

Answer 1

我在这里找到了这个确切问题的答案:border image not showing in safari .它是这样说的:

“我找到了解决方案并想分享它以防有人遇到同样的问题。通过删除 border 速记属性并将其替换为 border-style 和 border-width 来解决问题。”

例如:

.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;