網(wǎng)頁(yè)排版中IE6，IE7，F(xiàn)irefox瀏覽器兼容性寫法
你知道DIV+CSS網(wǎng)頁(yè)排版中IE6，IE7，F(xiàn)irefox火狐瀏覽器兼容性寫法嗎，這里和大家分享一下，DIV+CSS瀏覽器兼容問(wèn)題一直困繞著許多從事DIV＋CSS網(wǎng)頁(yè)排版的美工人員，尤其是IE與火狐的兼容。
DIV+CSS網(wǎng)頁(yè)排版中IE6，IE7，firefox火狐瀏覽器兼容性寫法
DIV+CSS瀏覽器兼容問(wèn)題一直困繞著許多從事DIV＋CSS網(wǎng)頁(yè)排版的美工人員，尤其是IE與火狐的兼容。用DIV+CSS布局的網(wǎng)頁(yè)在IE下顯示一切正常，可是在火狐（FireFox）瀏覽器里打開(kāi)，本來(lái)好好網(wǎng)頁(yè)一下子就全亂了.讓人怎么看?這一定會(huì)影響到你的網(wǎng)站的推廣,seo優(yōu)化,不利于搜所引擎的搜索.所以解決DIV+CSS瀏覽器兼容的問(wèn)題是完全必須的.
下面來(lái)看一下DIV+CSS瀏覽器兼容的實(shí)例，區(qū)分IE6，IE7，F(xiàn)irefox火狐瀏覽器CSS的寫法：
先來(lái)分開(kāi)區(qū)分一下。
◆首先聲明DIV+CSS瀏覽器兼容性IE6與IE7與火狐(firefox)的一些識(shí)別規(guī)則：
1.IE都能識(shí)別*，標(biāo)準(zhǔn)瀏覽器(如Firefox)不能識(shí)別*；
2.IE6能識(shí)別*，但不能識(shí)別!important,
3.IE7能識(shí)別*，也能識(shí)別!important;
4.firefox不能識(shí)別*，但能識(shí)別!important;
◆請(qǐng)看下簡(jiǎn)單的DIV+CSS瀏覽器兼容實(shí)例:
1．IE6和firefox的區(qū)別：
background:orange;*background:blue;
意思就是火狐瀏覽器的背景顏色是橙色,而IE瀏覽器的背景色是藍(lán)色.
2.IE6和IE7的區(qū)別：
background:green!important;background:blue;
意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍(lán)色
3.區(qū)別IE7與Firefox：
background:orange;*background:green;
意思指的是:火狐瀏覽器的背景顏色是橙色,而IE7的背景顏色是綠色
4.Firefox，IE7，IE6：
background:orange;*background:green!important;*background:blue;
意思是火狐瀏覽器的的背景橙色,IE7瀏覽器的背景顏色是綠色,而IE6瀏覽器的顏色是藍(lán)色.
為了更加清楚的來(lái)表達(dá)說(shuō)明DIV+CSS瀏覽器兼容下面表格是更加清楚的能表達(dá)IE6,IE7,Firefox之間的識(shí)別標(biāo)識(shí)區(qū)別:
IE6 IE7 Firefox
* √ √ ×
important × √ √
【編輯推薦】
- IE8與IE7中頁(yè)面打開(kāi)速度和資源占用對(duì)比
- 區(qū)分IE6 IE7和IE8瀏覽器行之有效的辦法
- IE6 IE7 IE8三個(gè)版本的CSS兼容速查手冊(cè)
- 探秘IE8 JavaScript功能超乎想象
- 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問(wèn)題
