вопрос по стилям css

10

kamondimon

21 января 2009, 09:42

431

статья:

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

Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи javascript а исключительно на CSS.
Открываем /templates/название вашего шаблона/css/style.css
Добавляем в самом низу:
#banners
a img
{
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}

#banners
a:hover img
{
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

И все картинки, которые хотим сделать с эффектом прозрачности заключаем в div:
<div id="banners">Картинки желаемые</div>

вообщем я все это поставел на сайт, все отлично работает, но есть вопрос,

как зделать так чтоб счетчик или картинки были вообще не видны, а при наведении мышки они были видны, ???

изменял все цифры в параметрах но нифига не работает:(

ктонебуть помогите плииз,

32

FeoOne

21 января 2009, 09:58

#1

#banners
a img
{
opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0);
}

или _____________

#banners
a img
{
visibility:hidden;
}

#banners
a:hover img
{
visibility: visible;
}

K

10

kamondimon

21 января 2009, 10:13

#2

не то не другое не работает:(

остается как и было:(

сайт на ДЛЕ зделан, из-за чего может быть?

124

viКing

21 января 2009, 12:16

#3

поменяй на:

#banners a img

{

opacity:0; -moz-opacity:0; filter:alpha(opacity=0);

}

проверил во всех браузерах, все работает

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи