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>

 

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

Random Posts

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

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

*
*