Эффект прозрачности для (Щетчиков посещений сайта)

[seo-partner]

​

Эффект прозразрочности при помощи 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 id="banners">Тут ваши счётчики</div>

 

[majahead]

Щас проверил, работает во всех браузерах и в ie6 тоже, даже не вериться. Я уже как-то читал про этот эфект ,но не использовал мне казалось почемуто что это из css3.

 

[mdss]

дайте посмотреть готовый пример

#banners a img {
opacity:0.3; -moz-opacity:0.3; [U]filter:alpha[/U](opacity=40);
}

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

а они разве в ФФ работают?

 

[FDG25]

В фф работает.
У себя как то использовал такой вариант для прозрачности картинок.

#banners img {
  opacity:                        0.94;
  -moz-opacity:                   0.94;
  -khtml-opacity:                 0.94;
  filter:                         progid:dximagetransform.microsoft.alpha(opacity=94);
  }

 

[majahead]

Эффект прозрачности для (Щетчиков посещений сайта)

Кстати.
Этот эффект можно использовать для того чтоб сделать свой сайт особенным, внести изюминку.Например сделать меню, при наведение на пункт которого, пункт становиться более чётким, или например это может быть рамка фотографии. Короче можно делать интересные вещи средствами Хтмл, цсс,без Джаваскрипт, надо только пофантазировать.

 

[ELiyahu]

блин, это гениально! несколько раз натыкался на эту фичу в сети; но особо не задумывался, как это делается
действительно всё просто - и выглядит очень даже симпатяшно

Короче можно делать интересные вещи средствами Хтмл, цсс,без Джаваскрипт, надо только пофантазировать.

золотые слова

 

[nubic]

я давно этой штукой пользуюсь, но не как руки не доходят поискать и сделать чтобы при наведении картинка четкой становилась плавно а не резко, для этого яваскрипт используют если не ошибаюсь

 

[majahead]

я давно этой штукой пользуюсь, но не как руки не доходят поискать и сделать чтобы при наведении картинка четкой становилась плавно а не резко, для этого яваскрипт используют если не ошибаюсь

На яве это делаеться так:

Вот это в header

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Работает во всехъ браузерах.

 

[aleksey246]

Спасибо, полезная штука.

majahead ява скрипт не у всех включено в браузерах да и код длиней)

 

[nubic]

Спасибо, полезная штука.

majahead ява скрипт не у всех включено в браузерах да и код длиней)

он это для меня, плавное проявление картинки