Поддержка Темы и шаблоны Непрозрачность при наведении

  • Решено rorororo

    (@bagfinder)


    Использую тему inove.
    Как сделать, что бы у всех изображений в блоге (кроме тех, что используются в самом шаблоне) была определенная прозрачность по умолчанию. А при наведении прозрачность была бы нулевой.
    Смысл, думаю понятен.
    В CSS хочу использовать:

    .gradualfader a img {
    opacity: 0.3; /* CSS3 — Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
    }

    .gradualfader a:hover img {
    opacity: 1.0; /* CSS3 — Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    }

    Но не знаю, как автоматически цеплять span всем изображениям.
    Возможно, есть какой-то мод?
    Спасибо.

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Попробуйте вместо .gradualfader a img и .gradualfader a:hover img написать соответственно #content img и #content img:hover (при условии, что в теле страницы есть блок <div id="content>.

    В page.php есть <div class="content">

    Отлично, все прекрасно заработало, спасибо.
    Есть еще вопрос: у меня виджет от NEXTGEN галереи. И его надо оставить «как есть», т.е. без затемнения. (Причем в самой галерее картинки должны затемнятся).

    Я думаю копать от того, что галерея имеет собственный CSS. Т.е. я вставляю затемнение в него и оно действует только в рамках галереи.
    (Но и виджета тоже, я полагаю?)

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Возможно, проще всего будет использовать класс не content, а например, post (если есть), чтобы изменение прозрачности относилось только к содержимому записей.

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Непрозрачность при наведении» закрыта для новых ответов.