CSS прозрачность, filter: alpha, IE

Задал в Футере вот такие параметры скажем:
—————————-
footer {
text-align: center;
color: #000;
font-size: 95%;
filter: alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
—————————-

В Ховере соответственно хочу чтобы вернулось все на свои места.
Не долго думая прописал:
—————————-
footer:hover {
filter: alpha(opacity=99);
-moz-opacity:.99;
opacity:.99;
}
—————————-

Все вроде в порядке НО .. ІЕ ничего на место не возвращает.
Правда нашел еще вот это:
Обратите внимание, что Internet Explorer вплоть до версии 6, понимает псевдо-селектор :hover, только применительно к ссылкам, а не к любым элементам, как положено в CSS (в IE7 положение исправлено).
___________ Что посоветуете? Хак? какой?
Возможно ли реализовать иначе подобный эффект ("png с альфой")?

Коментарии: 8

28.02.2009 13:50

Ответить

Погуглить IE6 hover htc

hodek

28.02.2009 17:32

Ответить

Не знаю … намучился, но если знания отсутствуют, хоть мучайся хоть нет .. результат прогнозируемый!
Ну приписал я тот скрипт к футеру
————————
footer {
text-align: center;
color: #000;
font-size: 95%;
filter: alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
behavior: url("ie6hover.htc");
}

footer:hover,
footer.hover {
filter: alpha(opacity=99);
-moz-opacity:.99;
opacity:.99;
}
————————
ie6hover.htc

<attach for=element event=onmouseover handler=topm>
<attach for=element event=onmouseout handler=verm>
<script>
  function topm(){element.className += ' hover';}
  function verm(){element.className = element.className.replace(/ hover/g, '');}
</script>

да знаю что то упустил… но что? какието классы создавать надо при точечном приминении.. а шо это не наю…
да даж когда прописивал behavior: url("ie6hover.htc"); у body – безрезультатно!

CMEPTHuk

28.02.2009 18:53

Ответить

а завернуть в ссылку, и всё содержимое делать прозрачным? т.е.

a.trans * {filter: alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;}

a.trans:hover * {filter: alpha(opacity=99);
    -moz-opacity:.99;
    opacity:.99;}

<a href="#" class="trans"><img src="" alt="" /></a>

hodek

28.02.2009 21:01

Ответить

Да. Идея замечательная. Благодарен. Применил в Виджете там Баннеры … работает!
Но … в Футере … как? Я хочу чтобы весь текст в footer эффектом таким владел.

CMEPTHuk

01.03.2009 11:02

Ответить

бред, но всёж:

a.trans *, a.trans {cursor: default; text-decoration: none; color: #fff;}

<a href="#" onclick="javascript:return false;">Произвольный текст</a>

hodek

02.03.2009 12:56

Ответить

Хм … при этом текст только увеличивается при наведении на него курсора .. становится как бы ссылкой.
не хочу конечно Вас нервировать … но если что-то не то делаю то оставьте данный топ в покое..!

02.03.2009 13:08

Ответить

Посмотрите еще это http://www.webfishki.ru/index.php?option=com_content&task=view&id=16&Itemid=31

hodek

02.03.2009 14:06

Ответить

Да смотрел я ту публикацию ….
но еще раз внимательно просмотрел … не понимаю как? по сути то лишь к изображению приминимо .. к тексту не хочет … или все значительно сложнее ..

CSS прозрачность, filter: alpha, IE

Свежее