Firefox、IE7、IE6瀏覽器兼容問(wèn)題概念解析
你對(duì)瀏覽器兼容的概念是否了解,這里向大家簡(jiǎn)單描述一下,當(dāng)我們使用不同的瀏覽器訪問(wèn)同一個(gè)網(wǎng)站,或者頁(yè)面的時(shí)候,會(huì)出現(xiàn)一些不兼容的問(wèn)題,有的顯示出來(lái)正常,有的顯示出來(lái)不正常,這就是瀏覽器不兼容的問(wèn)題。
瀏覽器兼容概念簡(jiǎn)介
什么是瀏覽器兼容:
當(dāng)我們使用不同的瀏覽器(Firefox、IE7、IE6)訪問(wèn)同一個(gè)網(wǎng)站,或者頁(yè)面的時(shí)候,會(huì)出現(xiàn)一些不兼容的問(wèn)題,有的顯示出來(lái)正常,有的顯示出來(lái)不正常,我們?cè)诰帉慍SS的時(shí)候會(huì)很惱火,剛修復(fù)了這個(gè)瀏覽器的問(wèn)題,結(jié)果另外一個(gè)瀏覽器卻出了新問(wèn)題。而兼容就是一種辦法,能讓你在一個(gè)CSS里面獨(dú)立的寫支持不同瀏覽器的樣式。這下就和諧了。
最近微軟發(fā)布的IE7瀏覽器的兼容性確實(shí)給一些網(wǎng)頁(yè)制作人員添加了一個(gè)沉重的負(fù)擔(dān),雖然IE7已經(jīng)走向標(biāo)準(zhǔn)化,但還是有許多和FF不同的地方,所以需要用到IE7的兼容,有許多朋友問(wèn)過(guò)IE7的兼容是什么,其實(shí)我也不知道。暫時(shí)還沒(méi)找到IE7專用的兼容。除了前面那片文章,《針對(duì)firefoxie6ie7的css樣式》中的兼容方式也是很好用的。
有一點(diǎn)邏輯思想的人都會(huì)知道可以用IE和FF的兼容結(jié)合起來(lái)使用,下面介紹三個(gè)兼容,例如:
程序代碼
第一個(gè)兼容,IE、FF所有瀏覽器公用(其實(shí)也不算是兼容)
height:100px;
第二個(gè)兼容IE6專用
_height:100px;
第三個(gè)兼容IE6IE7公用
*height:100px;
介紹完了這三個(gè)兼容了,下面我們?cè)賮?lái)看看如何在一個(gè)樣式里分別給一個(gè)屬性定義IE6IE7FF專用的兼容,看下面的代碼,順序不能錯(cuò)哦:
程序代碼
- height:100px;
- *height:120px;
- _height:150px;
下面我簡(jiǎn)單解釋一下各瀏覽器怎樣理解這三個(gè)屬性:
在FF下,第2、3個(gè)屬性FF不認(rèn)識(shí),所以它讀的是height:100px;
在IE7下,第三個(gè)屬性IE7不認(rèn)識(shí),所以它讀第1、2個(gè)屬性,又因?yàn)榈诙€(gè)屬性覆蓋了第一個(gè)屬性,所以IE7最終讀出的是第2個(gè)屬性*height:120px;
在IE6下,三個(gè)屬性IE6都認(rèn)識(shí),所以三個(gè)屬性都可以讀取,又因?yàn)榈谌齻€(gè)屬性覆蓋掉前2個(gè)屬性,所以IE6最終讀取的是第三個(gè)屬性。
【編輯推薦】
- 修正IE6在HTML標(biāo)準(zhǔn)下出現(xiàn)bug的小技巧
- 探究IE8與IE7具體功能中窗口功能按鈕的變化
- IE6 IE7 IE8三個(gè)版本的CSS兼容速查手冊(cè)
- 探秘IE8 JavaScript功能超乎想象
- 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問(wèn)題