Цвет "прозрачный" не работает - PullRequest
Новая
       17

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

18 голосов
/ 07 мая 2010

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

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

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

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

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

Ответы [ 10 ]

42 голосов
/ 20 октября 2011

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

font-size:0px

это работает!

7 голосов
/ 08 декабря 2010

как насчет использования line-height

line-height:0;

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

5 голосов
/ 07 мая 2010

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

4 голосов
/ 15 мая 2013

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

font-size: 0;

убедитесь, что вы используете правильный тип документа: 

<!DOCTYPE html>
2 голосов
/ 29 ноября 2013

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

.transparent {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
1 голос
/ 08 декабря 2010

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

1 голос
/ 07 мая 2010

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

0 голосов
/ 08 сентября 2015

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

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

0 голосов
/ 07 мая 2010

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

0 голосов
/ 07 мая 2010

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

...