應用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「不透明度」屬性

回答

相關問題