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

Question

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

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

这是我的榜样：

http://jsfiddle.net/th3Q6/

注意

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

Answer 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支持，所以你很幸运。 ：）