做網(wǎng)站的時候煩惱的是IE不兼容,這也傷害了不知道多少的程序員。今天,推來客小編專門講解了如何解決網(wǎng)站的兼容性問題。尤其是用DIV ?CSS設(shè)計的網(wǎng)頁,你更要注意IE6 IE7 FF和CSS樣式的兼容性,不然你的網(wǎng)頁可能會很亂!我經(jīng)常被這些東西淹沒,于是在網(wǎng)上找了一些資料,結(jié)合自己這幾天的了解和經(jīng)歷,整理了一些資料,有些我還沒用過,還看不懂,就直接從外地粘上了。不知道有沒有錯。以后用的時候慢慢改,希望對你有一點幫助!什么是瀏覽器兼容性?當我們使用不同的瀏覽器(Firefox ?IE7 IE6)訪問同一個網(wǎng)站或頁面時,會出現(xiàn)一些不兼容的問題。這個瀏覽器顯示正常,另一個會比較混亂。
寫CSS的時候我們會很煩。我們剛剛修復(fù)了這個瀏覽器的問題,但是另一個瀏覽器有了新的問題。重要(功能有限)用IE7!重要支持,重要的方法現(xiàn)在只是為了IE6兼容。(注意文筆。記住申報崗位需要提前。)比如: #比如{width: 100px!重要;/* IE7 FF ?*/width ?: 200 px;/* IE6 */}二、CSS ?HACK的方法(新手可以看看,高手要路過)。首先要知道的是:所有瀏覽器都是萬能height: 100px_height: 100px用于IE6IE7高度: 100 px;IE6和IE7共用* height: 100pxIE7和FF共享高度: 100px!重要;示例:#示例{ height:100px}/* FF ?*/* html ?#示例{ height:200px}/* IE6 */* html ?#示例{ height:300px} /* IE7 */下面的方法比較簡單,舉幾個例子:1。IE6-IE7FF ?#例{高度:100 px/* FF ?IE7 */_ height ?:200 px;/* IE6 */}其實上面提到的第一種方法也可以用#例{height:100px!重要;/* FF ?IE7 */height ?:200 px;/* IE6 */}2、IE6 IE7-FF ?#例{ height:100px/* FF ?*/* height ?:200 px;/* IE6 IE7 */}3、IE6 FF-IE7 #例{ height:100px/* IE6 FF ?*/* height ?:200 px;/* IE7 */}4。IE6 IE7 FF不同#例{ height:100px/* FF ?*/_ height ?:200 px;/* IE6 */* height ?:300 px;/* IE7 */}或:# example ?{ height:100px/* FF ?*/* height ?:300 px;/* IE7 */_ height ?:200 px;/* IE6 */}需要注意的是,代碼的順序一定不能顛倒,否則會浪費掉之前所有的成果。因為瀏覽器在解釋程序時,如果同名,就會用后一個覆蓋前一個,就像給變量賦值原因一樣。所以我們把一般的放在前面,把比較特殊的放在后面解釋4的代碼:讀代碼的時候第一行是height:100px人人通用,IE6 IE7 FF顯示100px到第二行* height:300pxFF不知道這個屬性,IE6 IE7識別,所以FF也顯示100px,而IE6 IE7覆蓋了第一行得到的高度屬性,全部顯示300px到第三行_ height:200px只有IE6知道,所以IE6覆蓋了第二行得到的高度,顯示200px。這樣,所有三種瀏覽器都有自己的高度屬性,所以讓我們互相看看。如果你還是不明白,要么你碰壁,要么我走!但你還是去比較好。哦,差點忘了說:* HTML與IE7的兼容性必須保證HTML的頂部有如下語句:
文章來源:www.xdzsmall.com? ?
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!