Окрасьте “прозрачными” не работа

У меня есть проблема с IE (что еще?):

Я генерирую содержание с CSS, который имеет также фоновое изображение. Я похож на это:

#nav ul li:after {
    content: "--";
    position: relative;
    z-index: 99;
    background: transparent url(image.png);
    color: transparent;
}

Цвет текста находится в прозрачном NON-IE-BROWSERS, но во всех браузерах IE (IE6-IE8) это черно, и Вы видели его. Как я мог сделать текст прозрачным/невидимым?

Я уже попробовал: видимость - непрозрачность - фильтр - текстовый отступ... Но ни один не сделал его задание правильно, ни один, который оно исчезает (с ним фон, в котором я нуждаюсь), или атрибут не применяется.

18
задан James Donnelly 24 October 2013 в 17:47
поделиться

4 ответа

Я понял: С правильным padding и нулевым размером шрифта! Установите значение padding-left на один пиксель больше ширины изображения.

5
ответ дан 30 November 2019 в 06:01
поделиться

Я вижу, вы используете PNG в качестве фонового изображения. Обычно, если вы используете IE 6, есть исправление для прозрачности PNG ( http://www.twinhelix.com/css/iepngfix/ ). Даже в этом случае это не будет работать с фоновыми изображениями. Так что, если вы используете IE 6, на самом деле ничего не исправить.

-1
ответ дан 30 November 2019 в 06:01
поделиться

Я думаю, что нет версий IE support color: transparent Возможно, вы могли бы попробовать сделать это с помощью jQuery или чего-то подобного.

1
ответ дан 30 November 2019 в 06:01
поделиться

IE не поддерживает li: после последовательно. О каком IE вы говорите? IE6? IE7? Оба?

0
ответ дан 30 November 2019 в 06:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: