因為多家的瀏覽器本身解析的關係(總之就是沒有一套標準)
導致必須在一個CSS的樣式下加上許許多多的特例
別問我怎麼 會這樣~我也不希望阿
我整理一下我常用的CSS hack給大家:
也幫自己做個筆記
在頁面內可以使用這樣的方式
< !--[if IE]>
< rel="stylesheet" type="text/css" href="ie-stylesheet.css">
< ![endif]-->
對不同的會有以下
< !--[if IE 6]> - targets IE6 only -->
< !--[if gt IE 6]> - targets IE7 and above -->
< !--[if lt IE 6]> - targets IE5.5 and below -->
< !--[if gte IE 6]> - targets IE6 and above -->
< !--[if lte IE 6]> - targets IE6 and below -->
這樣可以對不同瀏覽器導入不同的CSS
!important IE6 不支持
可以用於區別IE6、 IE7、其他瀏覽器
IE6專用*html
*html body {background: red;}
屬性內可以使用 \9,*, _ (書寫順序有規定)
.element {
background: red; /* modern browsers */
background: red \9; /* IE8、IE7、IE6*/
*background: green; /* IE7、IE6 */
_background: blue; /* IE6 */
}
上面幾個可以解決大部分的問題
其他還有比較複雜的版本我有機會再研究了
另外像是firefox、opera、chrome、 Safari大多很友善,版本的更新也很好~~
但為什麼還是有這麼多的IE6用戶
我自己推想有幾種可能:
1.盜版問題: 最根本的就是盜版導致無法升級,或是害怕去升級,反正能用就用了吧
2.在中國有許多IE6的用戶,佔了全用戶的一半以上,很杯具,有很多銀行的軟 體都以IE6的引擎去開發~不用IE6就不能使用
3.中國有很多自己開發的瀏覽器,也全是用IE的系統~
4.感覺是網站本身大多無法拋棄 過去的用戶,且說是姑息吧! 不過許多網站也開始聲名或是拋棄IE6了,很值得鼓掌!
網頁的技術一直在進步,我們為了過去的技術限制
讓我們無法讓用戶體驗更好的使用行為
我覺得是設計師的悲哀~
沒有留言:
張貼留言