应用CSS3的“Opacity”属性

Question

我在一个网站上工作，在那里我创建了一个简单的CSS3悬停效果，如果一个链接被悬停，它会改变不透明度，看起来像是翻转效果。它似乎在所有浏览器上都能完美地工作(甚至更老的浏览器，比如Firefox2)。只是想要一些输入，如果这是一个问题，我应该考虑javascript吗？或者使用CSS是一种好的(语义上正确的)翻转方式？

Answer 1

通常，如果只使用CSS就可以达到效果，那么使用CSS通常比使用JavaScript更好。

当然，你可以使用JavaScript和/或像jQuery这样的库，但是为什么呢？如果浏览器本身能够做到这一点，它不仅会工作得更好，而且看起来会更好、更流畅。

Answer 2

一般来说，使用较新浏览器的人会从新技术中获益。

不更新系统的人倾向于不关心事物的外观，所以只要站点正常运行，效果并不是很重要，我想说的是，不必费心让所有浏览器的行为完全相同。这是浪费时间和精力。

Answer 3

对于锚元素，:hover伪类得到了广泛的支持，这是一个很好的选择。我相信唯一不支持它的正在使用的浏览器是IE 6。opacity属性受到的支持较少，所以你的效果在某些浏览器中可能看起来不像你想要的那样。如果你需要在a以外的元素上使用:hover伪类，我认为你也会失去IE7。

有关:hover和其他伪类的一些背景信息，请参阅http://www.w3schools.com/css/css_pseudo_classes.asp。