Применение CSS3 свойства «Непрозрачность»

Question

Я работаю над сайтом, где я создал простой эффект наведения CSS3, где, если ссылка наведена, она меняет непрозрачность и выглядит как эффект ролловера. Кажется, он отлично работает во всех браузерах (даже в более старых, таких как Firefox 2). Просто хотел некоторый вклад, если это проблема, и я должен вместо этого рассмотреть javascript? Или использование CSS - это хороший (семантически правильный) способ переворачивания?

Answer 1

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

Конечно, вы можете использовать JavaScript и / или библиотеки, такие как jQuery, но почему? Если браузер способен делать это изначально, он не только будет работать лучше, но и будет выглядеть лучше и плавнее.

Answer 2

Как правило, люди, использующие новые браузеры, получают преимущества от новой технологии.

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

Answer 3

Для якорных элементов широко поддерживается псевдокласс :hover, и это хороший путь.Я считаю, что единственный используемый браузер, который не поддерживает его, это IE 6. Свойство opacity поддерживается менее широко, поэтому ваш эффект может выглядеть не так, как вы хотите в некоторых браузерах.Если вам нужно использовать псевдокласс :hover для элементов, отличных от a, я думаю, вы также потеряете IE 7.

См. http://www.w3schools.com/css/css_pseudo_classes.asp для получения дополнительной информации о :hoverи другие псевдоклассы.