CSS Background Image Query

Question

У меня в основном следующий класс:

.sf-sub-indicator {
  background:   url("/abcprod/images/arrows-ffffff.png") no-repeat -10px -100px;
}

Возможно ли в CSS установить предложение фонового изображения для использования жестко закодированного символа, такого как ">", чтобы вместо него использовалось:

.sf-sub-indicator {
  background:   url(">") no-repeat -10px -100px;
}

На самом деле не хочу, чтобы вместо него использовалось изображение, но символ.

Может ли это быть сделано против класса, такого как выше?

Спасибо.

Answer 1

Краткий ответ, нет.Вы можете установить только цвет фона или изображение.

Answer 2

Длинный ответ: Да. Вроде.

Ваш самый популярный тег - jQuery, поэтому я не буду углубляться в код, но в основном вы можете найти класс:

var div = $(".sf-sub-indicator")

получить его размеры:

var height = div.height()` and `var width = div.width()

Тогда вы можете создать абсолютно позиционированный div такой высоты и ширины и поместить его прямо над исходным div. Затем, убедившись, что первый div не имеет background-color, вы можете придать ему более высокий z-index, чем новый div.

Наконец, заполните новый div с .innerHtml вашим персонажем и установите overflow=hidden.

Это странный запрос ...

Answer 3

Не думаю, что это можно сделать с помощью url ().внутри скобки должен быть «url» типа изображения.

Вы можете сделать что-то подобное, используя jquery

$(".sf-sub-indicator").each( function() { $(this).html(">" + $(this).html()) });