html - css - Safari 5.x 问题中的边框宽度、边框背景和背景问题

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 中起作用……（为什么图像的背景变成了元素的背景？）

所以我有2个问题。

1. 有什么解决方案吗，如果有，有什么解决方案，如果没有...

2. 如果 Safari 5.x 不支持边框背景，我如何使用 CSS 定位这个特定的浏览器。

谢谢！

Answer 1

您没有像这样的 -o- 边框图像。

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

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