<html>
<head>
<style>
div { padding: 30px; height:100px; width: 100px; border: 1px solid red; filter: alpha(opacity=10); }
div span {border:1px solid green; position:relative; left:75px}
</style>
</head>
<body>
<div><span>LLLL</span></div>
</body></html>
IE+child Element with posittion relative+opacity
Собственно такая проблема.
IE
Есть елмент, с opacity. В нем еще один елемент с position:relative
так вот к внутренему елменту opacity не применяется..
Вот сильно упрощеный вариант проблемы:
Установка opacity для span-а не подхожит, так как на елемент сверстаный таким образом навешивается, еффект мигания. и уже он ставит опасити
IE
Есть елмент, с opacity. В нем еще один елемент с position:relative
так вот к внутренему елменту opacity не применяется..
Вот сильно упрощеный вариант проблемы:
Код:
Установка opacity для span-а не подхожит, так как на елемент сверстаный таким образом навешивается, еффект мигания. и уже он ставит опасити
Скорее всего не правильно понял, но всё же отпишусь, вдруг оно. :)
Есть специальные хаки для IE.
/* IE 8 hack */
/* IE 5-7 hack */
Источник: http://sources.codenet.ru/download/3855/Dan_Cederholm_-_CSS3_FOR_WEB_DESIGNERS_-_2010.html
Есть специальные хаки для IE.
/* IE 8 hack */
Код:
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
/* IE 5-7 hack */
Код:
filter: alpha(opacity = 25);
Источник: http://sources.codenet.ru/download/3855/Dan_Cederholm_-_CSS3_FOR_WEB_DESIGNERS_-_2010.html
не правильно- не правильно.
С установкой прозрачности все ок.
проблема в position:relative
Внешний блок прозраный, а вот внутрений -нет.
Без position:relative - все ок. Но его убирать нельзя..
С установкой прозрачности все ок.
проблема в position:relative
Внешний блок прозраный, а вот внутрений -нет.
Без position:relative - все ок. Но его убирать нельзя..
Поправил выше пример.. так как он решался установкой position:relative внешнему лементу.
Теперь проблема чуток шире, внутрений span изза left смещаеться немного за границы div-а и при установку position:relative внешнему - становится прозрачным, но толька та частькоторая внутри div, а та что вне исчезает
Теперь проблема чуток шире, внутрений span изза left смещаеться немного за границы div-а и при установку position:relative внешнему - становится прозрачным, но толька та частькоторая внутри div, а та что вне исчезает
Код:
div * { filter: alpha(opacity=10); }
Не подходит?
Все. решил.
Точнее убрал причину появления бага..
Переверстал без position:relative
Точнее убрал причину появления бага..
Переверстал без position:relative
Цитата: arrjj
Код:
div * { filter: alpha(opacity=10); }
Не подходит?
Спасибо, конечно, н оелси читать внимательно, то:
Цитата:
Установка opacity для span-а не подхожит, так как на елемент сверстаный таким образом навешивается, еффект мигания. и уже он ставит опасити