应用CSS3'不透明'属性

Question

我在一个网站上工作，我创建了一个简单的CSS3悬停效果，如果链接悬停，它会改变不透明度，看起来像翻转效果。它似乎在所有浏览器（甚至较旧的浏览器，如Firefox 2）上都能正常运行。只是想要一些输入，如果这是一个问题，我应该考虑javascript而不是？或者使用CSS是一种很好的（语义上正确的）翻转方式？

Answer 1

通常，如果单独使用CSS可以实现效果，那么使用CSS通常会更好，然后使用JavaScript来实现它。

当然，你可以使用像jQuery这样的JavaScript和/或库，但为什么呢？如果浏览器能够以原生方式进行操作，它不仅会更好地工作，而且会更好，更顺畅。

Answer 2

通常，使用较新浏览器的用户可以从新技术中获益。

不更新系统的人往往不关心事物的外观，所以只要网站功能正常且效果不是很重要，我就说不要费心去让所有浏览器完全按照相同。这是浪费时间和精力。

Answer 3

对于锚元素，:hover伪类得到广泛支持，是一种很好的方法。我认为唯一不支持它的使用中的浏览器是IE 6. opacity属性支持较少，因此在某些浏览器中你的效果可能不像你想要的那样。如果你需要在:hover以外的元素上使用a伪类，我想你也会失去IE 7。

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