Контент CSS: URL не работает в Internet Explorer 11

Question

Изображение гиперссылки «Стрелка назад» отображается правильно в Chrome, но не в Internet Explorer 11, однако я могу щелкнуть по нему, даже из т. Е. (Курсор мыши меняется со стрелки на руку, когда я перемещаю курсор в его положение) в ie11).

Ниже мой HTML-код -

<a href="path/xyz.jsp" class="backlink"></a>

Ниже мой код CSS -

.backlink {
content: url(back/back.png);
padding-right: 5px;
vertical-align: middle;

}

В chrome back.png отображается как показано ниже -

Пожалуйста, помогите !!

Answer 1

Использование content: на обычных элементах еще не полностью поддерживается.

content: предназначен для использования с псевдоэлементом, таким как before и after.

Chrome, вероятно, начал реализовывать некоторые рабочие проекты CSS (где было предложено, чтобы content также работал с «обычными» элементами.