Баннеры как в тумане

[DJ_FOMA]

как сделать так чтобы банеры были типо в тумане а когда на них наводили мышкой они становились по одному в нормальном свете??????

[Метеограф]

<a id="banner" href="link"><img src="images/spacer.gif"></a> <!-- spacer.gif - прозрачный gif -->

css:
a#banner{ background: url(images/размытый_баннер.jpg);}
a:hover#banner{ background: url(images/резкий_баннер.jpg);}

[deXes]

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

[Tibald]

свойство - opalcity - прозрачность только может под ИЕ толкьо работать.

[UrikRu]

Либо просто подгружать 2 картинки и менять их скриптом

[kvakazyambra]

Цитата: Сообщение от Tibald свойство - opalcity - прозрачность только может под ИЕ толкьо работать.

Для ИЕ можно фильтры использовать.

Если баннеров не очень много, можно так сделать:

a .banner {
opacity: 0.5;
filter: alpha(opacity=50);
}
a:hover .banner {
opacity: 1;
filter: alpha(opacity=100);
}

Работать будет в IE6+ и всех нормальных браузерах. В FF2 при изменении opacity до 1 может наблюдаться небольшой сдвиг элемента. Лечится заменой 1 на 0.99. Визуально разницы не заметно, зато прыгать не будет.

N.B. Большое количество фильтров на странице может ощутимо тормозить начальный рендеринг страницы в IE, так что злоупотреблять ими не стоит.