|
|
|
|
|
|
網速寬帶 無線網絡 免費WiFi 網絡診斷 系統優化 windows ADSL寬帶 光纖寬帶 城市光網 智慧城市 網絡加速 網絡安全 網速測試 網絡工具 路由器 交換機 寬帶貓 網卡 蹭網 3G 4G 資費 電信 聯通 移動 鐵通 廣電寬帶 e家寬 長城寬帶 瀏覽器 鵬博士 WiFi WLAN LTE HSPA Verizon Google
301 Adsense alimama Baidu Asp ZBlog Asp.net DNS Free hosting GoDaddy Google Html Flash Alexa Internet JavaScript Oracle php SEO xml
我今天在國外網站,找到了單獨針對Chrome的CSS hack代碼,測試有效!
寫CSS需要考慮瀏覽器兼容性問題,我們要針對不同的瀏覽器,某些CSS代碼要略有不同。
每次設計一張網頁或一個表單,都對各種瀏覽器的兼容問題傷透腦筋,尤其是IE家族。在做兼容性設計時,我們往往會使用各種瀏覽器能識別的獨特語法進行hack,從而達到各種瀏覽器下顯示正常的目的。其中,我們用得最多莫屬于\9和\0了。\9和\0是hack IE8、IE9、IE11的獨特標識。但是問題來了,\9和\0到底怎樣hack IE8、IE9、IE11這三個瀏覽器?
IE7、IE8、IE9、IE11雖然同屬IE家族,但他們在網頁渲染時,對css屬性的識別卻不盡相同,因此,我們會發現網頁在IE9瀏覽好好的,卻在IE11上瀏覽時出現錯亂的問題。本文將舉例介紹IE家族IE7、IE8、IE9、IE11的css hack的問題,了解它們之間的差異,從而能夠寫出兼容性良好的css代碼。
今天用IE11使用卡卡網的網站速度診斷工具時,發現選項的排版是錯位的,我大吃一驚,因為該工具上線有半年多時間了,開發時是經過了多瀏覽器兼容性測試的,當時測試的瀏覽器有IE8、IE9、Chrome、360、Firefox,之所以沒有IE11,是因為認為只要通過IE9就可以通過IE11了,但實際上現在發現是不行的。
網站兼容性調試實在令人煩心,今天,我就把這幾個主要瀏覽器的CSS hack代碼匯總一下,滿足如下的瀏覽器要求:IE8、IE9、IE10、IE11、Chrome、Firefox,由于360使用的是Chrome內核,所以滿足Chrome基本就滿足了360。
在復雜的網頁框架布局中,div起了絕對的主導作用,而又因為div的語法在各個瀏覽器中的表現并不一致,因此div的瀏覽器兼容性寫法就起了至關重要的意義。