У меня два изображения ниже.Internet explorer: полупрозрачные изображения
Это одно и то же изображение, с одним из которых имеет небольшой эффект свечения на текст.
Они настройки, как показано ниже:
<div id="header"><a></a></div>
ивовый прут исходное изображение является фоном для DIV, и «свечение» изображение является фоном для тега привязки, с display:block; width: 100%; height: 100%;opacity: 0;
Я используя нижеследующий код jquery
$('#header a').hover(
function() {$(this).animate({"opacity":"1"}, 1000);},
function() {$(this).animate({"opacity":"0"}, 1000);});
это прекрасно работает в firefox, chrome ect. Но в интернет-браузере изображение получает сплошной черный фон, где есть прозрачность.
Как я могу это исправить?
NB: Я беспокоюсь только о IE7/8 не 6.
http://webspirited.com/header-reachsniper.png http://webspirited.com/header-reachsniper-hover.png
Update
Я решил, что это просто не стоит моего времени, чтобы сделать в Интернете исследователь.
Однако это отлично работает в ie9, поэтому я думаю, что плохо удалить этот эффект для браузеров меньше, чем ie9.
Загрузка изображения с использованием alphaImageLoader изображение «hover» отображается при загрузке страницы, а затем, когда вы наводите курсор на ссылку, оно исчезает до тех пор, пока вы не обновите страницу. Как я могу это исправить? – Hailwood
@ Hailwood: Я забыл упомянуть, что вам нужно также явно добавить фильтр 'alpha' в CSS. – SLaks