我正在創建一個簡單的CSS3懸停效果的網站上工作,如果鏈接懸停,它會更改不透明度並看起來像翻轉效果。它似乎在所有瀏覽器(即使是較老的瀏覽器,例如Firefox 2)上都能正常工作。只是想要一些輸入,如果這是一個問題,我應該考慮JavaScript而不是?或者正在使用CSS進行翻滾的一種很好的(語義上正確的)方法?應用CSS3「不透明度」屬性
0
A
回答
3
一般情況下,如果單獨使用CSS可以實現效果,通常最好使用CSS,然後使用JavaScript來實現它。
當然,您可以使用JavaScript和/或類似jQuery的庫,但爲什麼?如果瀏覽器本身能夠做到這一點,不僅效果會更好,而且看起來更好,更平滑。
0
對於錨元素,:hover
僞類得到了廣泛支持,並且是一個很好的途徑。我相信唯一不支持它的使用中的瀏覽器是IE 6. opacity
屬性支持得不是很好,所以在某些瀏覽器中,效果可能不像您想要的那樣。如果您需要在a
以外的元素上使用:hover
僞類,那麼我認爲您也會失去IE 7。
有關:hover
和其他僞類的一些背景信息,請參閱http://www.w3schools.com/css/css_pseudo_classes.asp。
1
通常,使用較新瀏覽器的人會從新技術中受益。
不更新系統的人往往不關心事物的外觀,所以只要網站是功能性的,效果不是很重要,我可以說不用擔心所有瀏覽器的行爲都是完全相同的一樣。這是浪費時間和精力。
相關問題
- 1. CSS3不透明度轉換問題
- 2. Css不透明屬性
- 3. CSS不透明屬性
- 4. CSS3不透明效果
- 5. CSS3不透明動畫不適用'overflow:hidden'
- 6. 多背景CSS3按鈕(+透明度)
- 7. 整體SVG不透明度/透明度
- 8. Css3背景透明透明不適用於Chrome 5
- 9. 不透明度
- 10. 動態應用CSS3屬性
- 11. CSS過渡:不透明度不透明。 。
- 12. 不透明度使div更不透明
- 13. jQuery應用css不透明度
- 14. 將不透明度應用於LinearGradientBrush
- 15. css3中的陰影和不透明度對於IE8(不匹配)
- 16. CSS3透視屬性到底是什麼?
- 17. IE中的不透明屬性
- 18. 可可/ iPhone:BACKGROUNDCOLOR和不透明屬性
- 19. IE9的未來:不透明度+性能
- 20. ccDrawLine不透明度?
- 21. Dat.gui不透明度
- 22. 與不透明度
- 23. .DrawImage不透明度?
- 24. CSS3漸變圖像透明
- 25. CSS3:透明圓角問題
- 26. z-index與HTML5和CSS3中的不透明度問題
- 27. Java Swing - 將透明度應用到透明組件上JPanel
- 28. 段落中的不透明度變化改變了文本的不透明度和背景不透明度
- 29. jQuery,動畫不透明度爲1,然後刪除不透明屬性,使其更好地在IE上查找
- 30. 透明度着色器用透明色填充透明片段
「對於錨點元素,hover僞類被廣泛支持,並且是一個很好的選擇。我相信唯一不支持它的使用中的瀏覽器是IE 6。 ... 什麼? – BoltClock
我很高興詳細說明,但我不確定什麼讓您感到困惑。我會添加一些鏈接到文檔。 – Emily
IE6在鏈接上支持':hover',這只是其他元素懸停的問題。 IE7修復了這個問題。 – bobince