CSS: после фона в Safari для Windows

Question

CSS: после фона в Safari для Windows

0

Я пытаюсь поместить некоторые стрелки в заголовки таблиц. Я сделал это с помощью :after CSS псевдоэлемента.

Проблема, с которой я столкнулась, - это корректно работает во всех браузерах. ЗА ИСКЛЮЧЕНИЕМ Safari для Windows, где фоновое изображение просто не отображается.

Почему это происходит? Есть ли способ решить проблему?

HTML

<div class="test">ABC</div>

CSS

.test:after
{
    content:" ";
    background:url(http://www.designwalker.com/img/arrow/arrow06.jpg);
    padding-left:20px;
    background-size:10px 10px;
}

Примечание: это всего лишь пример, а не то, как он будет выглядеть.

musicnothing 26 нояб. 2013, в 01:34

Источник

Теги:

html

css

windows

safari

1 ответ

Ещё вопросы

davidpauljunior · Accepted Answer · 2013-11-25T22-28-00.000Z

Я думаю, вам нужно указать display: inline-block (или block), а также height.

.test:after {
  content:" ";
  background:url(http://www.designwalker.com/img/arrow/arrow06.jpg);
  padding-left:20px;
  background-size:10px 10px;
  height: 30px;
  display: inline-block;
}

http://jsbin.com/OrIdozUc/2/edit

Работает. Отлично. Большое спасибо.