Если вы все еще беспокоитесь о неполноте прозрачного текста фона, я предлагаю вам взглянуть. Конечно, я отказался от IE6, поэтому не говорите, что никакие изображения PNG8 не эффективны в IE6, конечно, вы также можете использовать фильтры. Я не рекомендую использовать фильтры. Потому что это могут быть и другие проблемы! (Если вы не можете щелкнуть, ждать и т. Д.) Самый страх передней части - ошибка, особенно IE6. Разверните IE6!
Смыслом этой статьи является использование прозрачных изображений PNG32, чтобы сделать фон, а затем проложить фон. Таким образом, в фоновом режиме не будет прозрачного текста. Это очень просто сделать!
Картинка должна только отрегулировать прозрачность.
Просто сохраните прозрачность изображения до 20%в PSD до PNG.
(Не устанавливайте режим на серый. Это станет PNG8. И прозрачности нет.)
Фон прозрачен, а текст непрозрачен. Ха -ха. Т.е. 6 выходит! Поддержка: IE7.0+/ff3.0+/opera10+/chrome/safari. Оба тестирования прошли.
Карта эффекта выглядит следующим образом:
Полный код заключается в следующем:
Код кода копирования следующим образом:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<Teal> IE7+прозрачный фон, текстовый непрозрачный и супер простой метод </title>
<style>
P {Margin: 0;
.bg {ширина: 280px;
.bg1 {founale: #000;
.bg2 {founale:#f60;}
.com {url: url (http: //images/css_bg.png) Повторите 0 0;
</style>
</head>
<тело>
<div>
<div> <p> Фон прозрачен, а текст непрозрачен. Ха -ха. Т.е. Прозрачность: 20%</p> </div>
</div>
<div>
<div> <p> Фон прозрачен, а текст непрозрачен. Ха -ха. Т.е. Прозрачность: 20%</p> </div>
</div>
</body>
</html>