Эффект затемнения при наведении

[FASTDEATH]

Как можно сделать ,чтобы баннер в обычном состоянии был приглушённого белёсого цвета,при наведении-обычного,как тут

http://nba777.ru/

[Searcher]

изучайте свойство opacity.

[FASTDEATH]

не арзобрался с ie filter: alpha(opacity=50), это где писать?

[Justnewone]

не арзобрался с ie filter: alpha(opacity=50), это где писать?

В СSS

не арзобрался с ie filter: alpha(opacity=50), это где писать?

"как тут" не работает в FF3.5, кстати, лучше и проще не парица, а сделать одну картинку, на которой сразу и нормальный и засветленный кусок, эту картинку прописать в бекграунд блоку, а на :hover менять background-position.

[Searcher]

Человеку нужно делать полупрозрачными чужие баннеры, так что тут как раз с двумя картинками больше парица придется. Так что так:

img.banner {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+ или так как следующая строка в принципе достаточно будет */
	filter:alpha(opacity=70);
	-moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.7;
	}

[FASTDEATH]

как в таком случае прописать через onMouseOver?

Как можно сделать ,чтобы баннер в обычном состоянии был приглушённого белёсого цвета,при наведении-обычного,как тут

Edited October 5, 2009 by FASTDEATH

[Searcher]

Не надо скриптов тут. Ваш баннер все равно заключен в тэг <a> ну так и используйте псевдостиль hover...

a img.banner { тут задаете отсутствие прозрачности }
a:hover img.banner { тут полупрозрачность }

только не забудте прописать класс banner для тэгов img, которые должны меняться при наведении и почитайте статьи для лучшего понимания предмета.

[FASTDEATH]

<style type="text/css">
#banners a img {
opacity:0.3;
}

#banners a:hover img {
opacity:1;
}



img.banners {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+ или так как следующая строка в принципе достаточно будет */
	filter:alpha(opacity=70);
	-moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.7;
	}
</style>
  <a href="http://rubasket.org.ru"><img src="http://d8.c7.b6.a1.top.mail.ru/counter?id=1472521;t=130;js=13;r=;j=true;s=1280*1024;d=32;rand=0.658799547674655" alt="Полупрозрачный рисунок" class="banners"></a>

что не так?

Edited October 5, 2009 by FASTDEATH

[Searcher]

все не так. читайте теорию по классам и идентификаторам.

...и мой предыдущий пост

[FASTDEATH]

о получилось спс !!!

:D

[Dimitry Wolotko]

Писать это нет смысла,

	-moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */

вполне сработает и

	opacity: 0.7;

На старые версии Сафари и Мозиллы можно забить с чистой совестью.

[Searcher]

вобщем то я так и пишу, ну для порядка дал более широкое описание