прозрачность png в IE6 и jQuery
поставил скрипт по изменению прозрачности блока при наведении (в блоке бэкграундом стоит картинка png).
для обработки пнг картинки в ие6 использовал jquery.pngfix.js везде работает нормально, а в ие6 пнг обрабатывается, но не действует fadeTo Архив с картинкой, html, css и js.
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="custom.js"></script>
<script type="text/javascript" src="jquery.pngFix.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix();
});
</script>
</head>
<body>
<div class="sample"></div>
</body>
</html>
Код:
.sample{background-image: url(png.png); position: absolute; height: 173px; width: 173px; top: 73px; left: 20px; }
$(document).ready(function(){
$(".sample").fadeTo("fast", 0.3);
$(".sample").hover(function(){
$(this).fadeTo("fast", 1.0);
},function(){
$(this).fadeTo("fast", 0.3);
});
});
|
И то и другое используют style:filter у элемента. Несколько фильтров накладывать на элемент можно, но, как правило, девелоперы особенно-то об этом и не задумываются.
Попробуйте обернуть картинку в див (спан, если инлайн) и применить fadeTo к нему. Кстати, знаете ли Вы, что... ...элементу можно задать несколько фильтров IE, несколько классов и значений text-decoration, перечислив их через пробел или другой пробельный символ. |
Цитата:
|
text-decoration:underline,:overline,:none,:line-through,:inherit,:blink; |
Цитата:
text-decoration: underline overline; |
Цитата:
|
Так дело в том что картинка задана не в html, она задана бэкграунд-имэйджем к блоку [ .sample ]...
<div class="sample"></div> И нехотелось бы выносить картинку из css Что вы можете посоветовать? =) |
Могу посоветовать нагуглить решение с PNG через файл iepngfix.htc. Может с ним это прокатит, хотя наврятли.
|
По-прежнему, можете обернуть див в див. У внутреннего останется png, а у внешнего добавляйте прозрачность.
Кстати, в IE у png может пропасть альфа-канал при наложении фильтра "прозрачность". И это касается не только IЕ6. |
Цитата:
Цитата:
|
| Часовой пояс GMT +3, время: 12:02. |