Проблема с прозрачностью в IE
Есть у меня <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> |
Для работы фильтров у элементов надо включить hasLayout, сделать это можно, например, задав размеры элемента или при помощи CSS-свойства zoom:1
|
Не сработало. У меня IE 8.
Пробовал ставить zoom: 2. В других браузерах работает - увеличивается вдвое, в IE ничего. |
Покажите страничку.
|
Цитата:
Вот весь код, если для примера: <!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> |
Фильтр не работает для строчных элементов, либо добавьте display: inline-block; для <b>, либо используйте блочный элемент.
|
Благодарю!
ps/ и откуда вы столько знаете) |
Цитата:
|
|
Я пока на второй неделе изучения javascript. Надеюсь когда мой стаж станет примерно таким же, то я тоже буду кое в чем разбираться)
|
| Часовой пояс GMT +3, время: 05:00. |