Форум

bayah · #1 (**permalink**) 01.05.2010, 13:48

Есть у меня <img> и текст заключенный в <b></b>. Так вот прозрачность картинки с помощью стилей отображается нормально, как в IE так и в других браузерах, а текст в IE не становится прозрачным. В других браузерах все нормально. Вот код:

<style type="text/css" class="unnamed1">
.zoom_buttons {
filter:alpha(opacity=30);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
</style>

...далее в body:

<img id='zoom_button+' class='zoom_buttons' src='images/zoom_menu/zoom_button+.png' style='position:relative;'/>
<b id='status_zoom' class='zoom_buttons' style='position:relative; font-size: 24px'>Тут, собственно текст, который должен быть прозрачным</b>

Octane · #2 (**permalink**) 01.05.2010, 17:33

Для работы фильтров у элементов надо включить hasLayout, сделать это можно, например, задав размеры элемента или при помощи CSS-свойства zoom:1

bayah · #3 (**permalink**) 01.05.2010, 18:54

Не сработало. У меня IE 8.
Пробовал ставить zoom: 2. В других браузерах работает - увеличивается вдвое, в IE ничего.

Octane · #4 (**permalink**) 01.05.2010, 19:57

Покажите страничку.

bayah · #5 (**permalink**) 01.05.2010, 21:38

Сообщение от Octane

Покажите страничку.

То есть?

Вот весь код, если для примера:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
.zoom_buttons {
filter:alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
}
</style>
</head>
<body>
<b id='status_zoom' class='zoom_buttons' style='zoom: 2'>200%</b>
</body>
</html>