IE6,IE7,火狐瀏覽器兼容性寫法
用DIV+CSS布局的網(wǎng)頁在IE下顯示一切正常,可是在火狐(FireFox)瀏覽器里打開,結果個是非?;靵y,這一定會影響到你的網(wǎng)站的推廣,seo優(yōu)化,不利于搜所引擎的搜索,所以解決DIV+CSS瀏覽器兼容的問題是完全必須的。
IE6,IE7,firefox火狐瀏覽器兼容性在DIV+CSS中寫法
DIV+CSS瀏覽器兼容問題一直困繞著許多從事DIV+CSS網(wǎng)頁排版的美工人員,尤其是IE與火狐的兼容。用DIV+CSS布局的網(wǎng)頁在IE下顯示一切正常,可是在火狐(FireFox)瀏覽器里打開,本來好好網(wǎng)頁一下子就全亂了,這一定會影響到你的網(wǎng)站的推廣,seo優(yōu)化,不利于搜所引擎的搜索,所以解決DIV+CSS瀏覽器兼容的問題是完全必須的。
下面來看一下DIV+CSS瀏覽器兼容的實例,區(qū)分IE6,IE7,firefox火狐瀏覽器CSS的寫法:
先來分開區(qū)分一下。
◆首先聲明DIV+CSS瀏覽器兼容性IE6與IE7與火狐(firefox)的一些識別規(guī)則:
1.IE都能識別*;標準瀏覽器(如FF)不能識別*;
2.IE6能識別*,但不能識別!important,
3.IE7能識別*,也能識別!important;
4.firefox不能識別*,但能識別!important;
◆請看下簡單的DIV+CSS瀏覽器兼容實例:
1.IE6和firefox的區(qū)別:
- background:orange;
- *background:blue;
意思就是火狐瀏覽器的背景顏色是橙色,而IE瀏覽器的背景色是藍色.
2.IE6和IE7的區(qū)別:
- background:green!important;
- background:blue;
意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍色
3.區(qū)別IE7與FF:
- background:orange;
- *background:green;
意思指的是:火狐瀏覽器的背景顏色是橙色,而IE7的背景顏色是綠色
4.FF,IE7,IE6:
- background:orange;
- *background:green!important;
- *background:blue;
意思是火狐瀏覽器的的背景橙色,IE7瀏覽器的背景顏色是綠色,而IE6瀏覽器的顏色是藍色.
為了更加清楚的來表達說明DIV+CSS瀏覽器兼容下面表格是更加清楚的能表達IE6,IE7,FF之間的識別標識區(qū)別:
IE6 IE7 FF
* √ √ ×
important × √ √
【編輯推薦】
- JavaScript巧解IE6至IE8兼容問題
- IE6、IE7、IE8三大瀏覽器兼容性對比
- 網(wǎng)頁排版中IE6,IE7,F(xiàn)irefox瀏覽器兼容性寫法
- CSS屬性display:inline-block使用揭秘
- Firefox、IE7、IE6瀏覽器兼容問題概念解析