Question

我一直在尝试将背景图片添加到html文档中元素的边框：

你可以在这里看到它： HTML：

<a href="#">Something</a>

CSS：

a {
    border-width:10px;
    border-color:#006;
    background-color: #CF0;
    -moz-border-image: url(http://heroeswallpapers.com/wp-content/uploads/2012/12/cute-twitter-background.jpg) 10 10 10 10 repeat;
    -webkit-border-image: url(http://heroeswallpapers.com/wp-content/uploads/2012/12/cute-twitter-background.jpg) 10 10 10 10 repeat;
    border-image: url(http://heroeswallpapers.com/wp-content/uploads/2012/12/cute-twitter-background.jpg) 10 10 10 10 repeat;
}

并且：http://jsfiddle.net/gqv8z/

这在Safari 5.x中不起作用，但它适用于safari 6，以及FF和Chrome ...... （为什么图像的背景成为元素的背景？）

所以我有两个问题。

是否有任何解决方案，如果是这样的解决方案，如果不是......
如果Safari 5.x不支持边框背景，我该如何使用CSS定位此特定浏览器。

谢谢！

Answer 1

你没有像这样的边框图像。

-o-border-image: url(http://heroeswallpapers.com/wp-content/uploads/2012/12/cute-twitter-background.jpg) 10 10 10 10 repeat;

尝试添加此内容并告诉我它是否有效。

css - safari 5.x问题中的边框宽度，边框背景和背景问题

1 个答案: