应用CSS3“不透明度”属性

我正在创建一个简单的CSS3悬停效果的网站上工作，如果链接悬停，它会更改不透明度并看起来像翻转效果。它似乎在所有浏览器（即使是较老的浏览器，例如Firefox 2）上都能正常工作。只是想要一些输入，如果这是一个问题，我应该考虑JavaScript而不是？或者正在使用CSS进行翻滚的一种很好的（语义上正确的）方法？应用CSS3“不透明度”属性

来源

2011-08-17 Zakman411

一般情况下，如果单独使用CSS可以实现效果，通常最好使用CSS，然后使用JavaScript来实现它。

当然，您可以使用JavaScript和/或类似jQuery的库，但为什么？如果浏览器本身能够做到这一点，不仅效果会更好，而且看起来更好，更平滑。

来源

2011-08-17 20:47:27

对于锚元素，:hover伪类得到了广泛支持，并且是一个很好的途径。我相信唯一不支持它的使用中的浏览器是IE 6. opacity属性支持得不是很好，所以在某些浏览器中，效果可能不像您想要的那样。如果您需要在a以外的元素上使用:hover伪类，那么我认为您也会失去IE 7。

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

来源

2011-08-17 20:49:37 Emily

“对于锚点元素，hover伪类被广泛支持，并且是一个很好的选择。我相信唯一不支持它的使用中的浏览器是IE 6。 ... 什么？ – BoltClock

我很高兴详细说明，但我不确定什么让您感到困惑。我会添加一些链接到文档。 – Emily

IE6在链接上支持'：hover'，这只是其他元素悬停的问题。 IE7修复了这个问题。 – bobince

通常，使用较新浏览器的人会从新技术中受益。

不更新系统的人往往不关心事物的外观，所以只要网站是功能性的，效果不是很重要，我可以说不用担心所有浏览器的行为都是完全相同的一样。这是浪费时间和精力。

来源

2011-08-17 20:51:33 Candide

应用CSS3“不透明度”属性

回答

相关问题