|
|
|
|
|
網(wǎng)速寬帶 無線網(wǎng)絡(luò) 免費WiFi 網(wǎng)絡(luò)診斷 系統(tǒng)優(yōu)化 windows ADSL寬帶 光纖寬帶 城市光網(wǎng) 智慧城市 網(wǎng)絡(luò)加速 網(wǎng)絡(luò)安全 網(wǎng)速測試 網(wǎng)絡(luò)工具 路由器 交換機 寬帶貓 網(wǎng)卡 蹭網(wǎng) 3G 4G 資費 電信 聯(lián)通 移動 鐵通 廣電寬帶 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
我今天在國外網(wǎng)站,找到了單獨針對Chrome的CSS hack代碼,測試有效!
寫CSS需要考慮瀏覽器兼容性問題,我們要針對不同的瀏覽器,某些CSS代碼要略有不同。
每次設(shè)計一張網(wǎng)頁或一個表單,都對各種瀏覽器的兼容問題傷透腦筋,尤其是IE家族。在做兼容性設(shè)計時,我們往往會使用各種瀏覽器能識別的獨特語法進行hack,從而達到各種瀏覽器下顯示正常的目的。其中,我們用得最多莫屬于\9和\0了。\9和\0是hack IE8、IE9、IE11的獨特標識。但是問題來了,\9和\0到底怎樣hack IE8、IE9、IE11這三個瀏覽器?
IE7、IE8、IE9、IE11雖然同屬IE家族,但他們在網(wǎng)頁渲染時,對css屬性的識別卻不盡相同,因此,我們會發(fā)現(xiàn)網(wǎng)頁在IE9瀏覽好好的,卻在IE11上瀏覽時出現(xiàn)錯亂的問題。本文將舉例介紹IE家族IE7、IE8、IE9、IE11的css hack的問題,了解它們之間的差異,從而能夠?qū)懗黾嫒菪粤己玫腸ss代碼。
今天用IE11使用卡卡網(wǎng)的網(wǎng)站速度診斷工具時,發(fā)現(xiàn)選項的排版是錯位的,我大吃一驚,因為該工具上線有半年多時間了,開發(fā)時是經(jīng)過了多瀏覽器兼容性測試的,當時測試的瀏覽器有IE8、IE9、Chrome、360、Firefox,之所以沒有IE11,是因為認為只要通過IE9就可以通過IE11了,但實際上現(xiàn)在發(fā)現(xiàn)是不行的。
網(wǎng)站兼容性調(diào)試實在令人煩心,今天,我就把這幾個主要瀏覽器的CSS hack代碼匯總一下,滿足如下的瀏覽器要求:IE8、IE9、IE10、IE11、Chrome、Firefox,由于360使用的是Chrome內(nèi)核,所以滿足Chrome基本就滿足了360。
在復雜的網(wǎng)頁框架布局中,div起了絕對的主導作用,而又因為div的語法在各個瀏覽器中的表現(xiàn)并不一致,因此div的瀏覽器兼容性寫法就起了至關(guān)重要的意義。