Можно ли позиционировать фоновое изображение + иметь градиентный фон с помощью 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, так что вы 'повезло.:)