jQuery — Кроссбраузерная прозрачность, opacity

Кроссбраузерное изменение прозрачности элементов

Изменене прозрачности элемента это очень интересный, и частоприменяющийся эффект.

Делается он чаще всего через метод jQuery animate, который меняет css-свойства, в том числе opacity.

Все бы ничего, но наши любимые братья ишаки седьмой версии и ниже не поддерживают opacity и там это не работает.

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

В jQuery есть замечательный метод fadeTo

Это замечательный маленький пример, чтобы было понятно о чем речь:

1
2
3
<script type="text/javascript">// <![CDATA[
  $('#selector').click(function(){ $(this).fadeTo('slow', '0.3'); })
// ]]></script>

 

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

  • Установка модулей PHP в LAMP на Ubuntu

    В данном примере смотрим Ubuntu 11.10, думаю для 12.04 и 12.10 это тоже будет актуально. Способов много, от перекомпиляции php […]

  • CMS на базе Yii Framework

    Хотелось бы написать обзор на эту тему, но писать не про что, так как CMS на Yii можно пересчитать по […]

  • Ubuntu linux gedit warning

    Не помню как и когда возник этот баг, но он неприятен 🙂 При вызове gedit из терминала, периодически (при каждом […]

  • PHP получить sha256 хэш строки, используя mhash

    К сожалению в php 5 нет встроенной функции для получения sha256 хэша, в отличие от md5. А использовать md5  в […]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
*