DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網頁排版中IE6,IE7,Firefox浏覽器兼容性寫法
網頁排版中IE6,IE7,Firefox浏覽器兼容性寫法
編輯:CSS詳解     

你知道DIV+CSS網頁排版中IE6,IE7,Firefox火狐浏覽器兼容性寫法嗎,這裡和大家分享一下,DIV+CSS浏覽器兼容問題一直困繞著許多從事DIV+CSS網頁排版的美工人員,尤其是IE與火狐的兼容。

DIV+CSS網頁排版中IE6,IE7,Firefox火狐浏覽器兼容性寫法

DIV+CSS浏覽器兼容問題一直困繞著許多從事DIV+CSS網頁排版的美工人員,尤其是IE與火狐的兼容。用DIV+CSS布局的網頁在IE下顯示一切正常,可是在火狐(Firefox)浏覽器裡打開,本來好好網頁一下子就全亂了.讓人怎麼看?這一定會影響到你的網站的推廣,SEO優化,不利於搜所引擎的搜索.所以解決DIV+CSS浏覽器兼容的問題是完全必須的.

下面來看一下DIV+CSS浏覽器兼容的實例,區分IE6,IE7,Firefox火狐浏覽器CSS的寫法:
先來分開區分一下。

◆首先聲明DIV+CSS浏覽器兼容性IE6與IE7與火狐(Firefox)的一些識別規則:

1.IE都能識別*,標准浏覽器(如Firefox)不能識別*;

2.IE6能識別*,但不能識別!important,

3.IE7能識別*,也能識別!important;

4.Firefox不能識別*,但能識別!important;

◆請看下簡單的DIV+CSS浏覽器兼容實例:

1.IE6和Firefox的區別:

background:orange;*background:blue;
意思就是火狐浏覽器的背景顏色是橙色,而IE浏覽器的背景色是藍色.

2.IE6和IE7的區別:

background:green!important;background:blue;
意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍色

3.區別IE7與Firefox:

background:orange;*background:green;
意思指的是:火狐浏覽器的背景顏色是橙色,而IE7的背景顏色是綠色

4.Firefox,IE7,IE6:
background:orange;*background:green!important;*background:blue;
意思是火狐浏覽器的的背景橙色,IE7浏覽器的背景顏色是綠色,而IE6浏覽器的顏色是藍色.

為了更加清楚的來表達說明DIV+CSS浏覽器兼容下面表格是更加清楚的能表達IE6,IE7,Firefox之間的識別標識區別:

IE6 IE7 Firefox

* √ √ ×

important × √ √

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved