CSS фонового изображения Запрос

Я в основном имею следующий класс:CSS фонового изображения Запрос

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

возможно ли это в CSS, чтобы установить положение фонового изображения, чтобы использовать жёстко прописанный символ, такие как «>», так что вместо этого он использует:

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

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

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

Спасибо.

источник

2010-08-23 tonyf

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

источник

2010-08-23 02:43:01

Спасибо. Не могли бы вы предложить какие-нибудь обходные пути? – tonyf

... и длинного ответа больше нет :) –

Единственным обходным решением в строго CSS было бы установить атрибут 'content' на DIV на символ (повторяется, хотя бы раз вам нужно, поскольку вы не можете его получить повторяйте бесконечно), затем полностью позиционируйте его так, чтобы он появился за содержимым. Недействительный метод. Вам лучше было бы сделать образ символа (который вы могли бы сделать динамически на PHP с помощью GD). Вы также можете использовать .php-файл в качестве файла CSS, поэтому вы можете включить его прямо в файл CSS. –

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

Вы можете сделать что-то подобное с помощью Jquery

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

источник

2010-08-23 02:47:15 w00d

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

Ваш самый популярный тег 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.

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

источник

2010-08-23 02:48:19

CSS фонового изображения Запрос

ответ

Смежные вопросы