我一直在尝试将背景图像添加到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定位此特定浏览器。

谢谢!

===============>>#1 票数:0

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

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

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

  ask by MariaZ translate from so

未解决问题?本站智能推荐:

3回复

CSS边框问题

我目前正在尝试制作一个内部有4个小正方形的正方形,而我在尝试做某事时遇到了麻烦。 所以这是代码: #grandbox { position: absolute; width: 204px; height: 204px; border: solid thin black; lef
1回复

CSS背景/边框[关闭]

我的背景有问题,它不会出现在边框图像后面。 我希望.section div背景变为信息框和边框的全宽度,即在.info-box div的边框之后。 我把它放在小提琴上,这样您就可以看到它在做什么: https : //jsfiddle.net/gof6yrrL/1/ 的HTML
1回复

CSS选择器和边框问题

我想用我的代码实现以下目标: 问题(a)仅更改Click Here以包围框。 问题(b)(a)中方框的边框应消失并重新出现。 目前,我的代码面临以下问题: 问题(a) 对于(a),我的代码不只是更改“ Click Here以将其包围。 它还会将Pinterest更
2回复

边框和CSS对齐问题

我希望将顶部logo div中的元素居中。 我不确定该怎么做。 我的navigation div与logo div不匹配。 即使我将边距设置为0px,div之间仍然有空间。 由于某种原因,我的占位符图形在底部的填充比logo div中的其他任何填充都要多。 我需要怎么做
1回复

CSS多背景问题

我在页面的主体上有多个背景时遇到问题。 这是CSS: 但是,这不起作用。 有人能帮我吗? 谢谢!
3回复

CSS - 边框和背景颜色之间的空间

我需要在边框和背景颜色之间创建空白区域。 例 好的,| = border,#=背景颜色 以上示例将绘制为| ##### | 我需要| ##### | 我该怎么做呢? 我在图片中的示例代码是(下面) CSS HTML
2回复

分裂css边框与背景图标

我正在尝试用背景图像划分边框。 我不知道这是否可能这样。 希望有人可以帮我找到一个很好的清洁方法来实现这一目标。 我正试图找到最底层的,最重要的是我现在所拥有的。
1回复

CSS边框半径背景颜色出血

当我在里面有一个元素时,我在边界半径周围出现了奇怪的出血/瑕疵。 我搜索了很多关于类似问题的帖子,我见过的唯一建议似乎对其他人有用,但对我来说并不适用。 建议如: 我创建了一个JSFiddle来复制问题。 查看左上角和右上角,您可以看到一些父母的黑色背景。 https://j
1回复

CSS:带有背景的标签样式边框

告诉我,我可以将背景设置为以以下方式形成的边框吗? https://jsfiddle.net/2Lous8vq/1/ 使用自定义的border-image可能值得,但是在我看来,这仍然没有足够的功能。 我希望在标签上使用白色而不是白色来显示图像背景(例如, https://c
3回复

CSS锯齿形边框和带纹理的背景

我一直在研究带有锯齿形边框的标头。 一种方法是使用图像制作锯齿形效果。 (1)有没有办法在不使用图像的情况下在CSS中创建实用的跨浏览器之字形边框? 我还试图在此标头上放置带纹理的背景,该背景延伸到之字形。 但是,标头的垂直大小可能会发生变化,并且我无法将标头实现为单个图像。