是否可以使用CSS定位背景图像+具有渐变背景?

时间:2011-05-31 07:01:57

标签: css background webkit

我试图在背景图像周围填充一些元素,该元素位于元素的右侧,该元素也具有渐变背景。

我尝试使用background-origin来定位图片,但这也会改变背景渐变。

这是我的榜样:

http://jsfiddle.net/th3Q6/

注意

  • 这只需要适用于基于Webkit的浏览器。
  • 元素周围没有额外的包装。
  • 元素宽度是流动的。

1 个答案:

答案 0 :(得分:1)

这有效......

a:after {
    display: block;
    content: '';
    width: 25px;
    height: 28px;
    margin: -5px -8px;
    float: right;
    background: url(http://i.min.us/jc808I.png) no-repeat;
}

jsFiddle

它不适用于较旧的IE,但你只需要WebKit支持,所以你很幸运。 :)