Цвет "прозрачный" не работает

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

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

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

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

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

Ответы

Ответ 1

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

Ответ 2

если то, что вы пытаетесь сделать, - показать изображение в качестве фона и не показывать текст.

font-size:0px

он работает!

Ответ 3

как использовать высоту строки

line-height:0;

он работал в моем случае.

Ответ 4

Если это не работает в Internet Explorer 8

font-size: 0;

убедитесь, что вы используете действительный doctype:

<!DOCTYPE html>

Ответ 5

Это должно сработать. Если он не добавляет отображение: блок или встроенный блок

.transparent {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

Ответ 6

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

Ответ 7

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

Ответ 8

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

Ответ 9

Для меня цвет: прозрачный не работал в IE8, и он показывал текст с цветом по умолчанию. Я использовал видимость: скрытый; для IE8 только в том случае, если текст не требуется для отображения.

Надеемся на эту помощь в случае, если элемент не требуется для отображения.

Ответ 10

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