求助css解決ie8兼容性的問題

\x0d\x0a\x0d\x0aIE8兼容問題\x0d\x0aie8下兼容問題，這個(gè)最好處理，轉(zhuǎn)化成ie7兼容就可以。

創(chuàng)新互聯(lián)專注于石拐網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供石拐營(yíng)銷型網(wǎng)站建設(shè)，石拐網(wǎng)站制作、石拐網(wǎng)頁設(shè)計(jì)、石拐網(wǎng)站官網(wǎng)定制、微信小程序服務(wù)，打造石拐網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供石拐網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

首先，調(diào)試瀏覽器兼容性問題的順序?yàn)椋篎F——IE8——IE7——IE6（我們公司只做FF和IE的兼容，所以我只說這些的。）大致情況下，F(xiàn)F不出問題，IE8就沒有問題了。

經(jīng)測(cè)試后完美解決了兼容模式問題，這樣設(shè)置后IE中設(shè)置兼容模式的按鈕也會(huì)消失，可以按F12打開“開發(fā)人員工具”來檢查瀏覽器模式。

當(dāng)我們使用不同的瀏覽器(Firefox IE7 IE6)訪問同一個(gè)網(wǎng)站，或者頁面的時(shí)候，會(huì)出現(xiàn)一些不兼容的問題，有的顯示出來正常，有的顯示出來不正常，我們?cè)诰帉慍SS的時(shí)候會(huì)很惱火，剛修復(fù)了這個(gè)瀏覽器的問題，結(jié)果另外一個(gè)瀏覽器卻出了新問題。

而div則自適應(yīng)更外層的寬度，這個(gè)方法不存在IE8內(nèi)不存在兼容性問題（IE6以下不兼容）。方法在布局上和方法一一樣，但是在導(dǎo)入圖片和展示圖片上有點(diǎn)差異，即用background導(dǎo)入圖片，用background-size來控制圖片的展示。

兼容技巧：把大多瀏覽器預(yù)覽效果為你想要的寫在最頂。然后一些不兼容的版本就寫在下面。例子如下：margin-top：20px；/*IE7+、FF*/(比如這個(gè)樣式寫上去之后IE7-火狐顯示效果都是你想要的。

用CSS怎么寫瀏覽器兼容的代碼?

1、.POSITION：absolute；這個(gè)就是絕對(duì)定位。簡(jiǎn)單的說，CSShack的目的就是使你的CSS代碼兼容不同的瀏覽器。當(dāng)然，我們也可以反過來利用CSShack為不同的版本瀏覽器定制編寫不同的CSS效果。

2、padding： 10px； /For IE/ （注意這里IE6是無法識(shí)別，important 這個(gè)標(biāo)記的，但它會(huì)識(shí)別padding： 20px，所以要在后面加上padding： 10px用來覆蓋padding： 20px）這個(gè)方法適用于修改少量代碼。條件注釋。

3、margin-top：20px；/*IE7+、FF*/(比如這個(gè)樣式寫上去之后IE7-火狐顯示效果都是你想要的。然而你在看IE6的時(shí)候多了10px。

4、編寫出兼容各瀏覽器的CSS的技巧和方法： Div居中問題：div設(shè)置 margin-left， margin-right 為 auto 時(shí)已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級(jí)元素定義text-algin： center；這個(gè)的意思就是在父級(jí)元素內(nèi)的內(nèi)容居中。

5、在電腦上裝一個(gè)ietester軟件，如圖 然后也裝一個(gè)opera瀏覽器，做一個(gè)就調(diào)試下。

6、. POSITION： absolute；這個(gè)就是絕對(duì)定位。

div+css在ie6,7下顯示正常,在ie8下顯示不出來,如何調(diào)整兼容性。。

1、首先，調(diào)試瀏覽器兼容性問題的順序?yàn)椋篎F——IE8——IE7——IE6（我們公司只做FF和IE的兼容，所以我只說這些的。）大致情況下，F(xiàn)F不出問題，IE8就沒有問題了。

2、DIV+CSS解決IE6，IE7，IE8，F(xiàn)F兼容問題 我搜了一個(gè)，這里只說現(xiàn)在主流的幾個(gè)，（IE6，IE7，IE8，F(xiàn)F）其它的先不管 ie8下兼容問題，這個(gè)最好處理，轉(zhuǎn)化成ie7兼容就可以。

3、IE8識(shí)別 ！important 要讓IE6和IE8都識(shí)別，只要寫兩個(gè)相同但優(yōu)先級(jí)不同的CSS即可。用你的代碼打個(gè)比方。好比你的這一句 margin-bottom：15px ！important；//ie8合適的像素下使用這句。

4、先描述一下具體狀況：有些時(shí)候li邊距會(huì)突然增 加很多，值也不固定(只在IE6/IE7有這種現(xiàn)象)，讓人摸不著頭腦，仔細(xì)“研究”發(fā)現(xiàn)是由于其低級(jí)元素ul的padding引 起，padding的上下值對(duì)li有影響，左右無影 響。

本文名稱：css樣式兼容ie8寫法 css兼容性有哪幾種處理方案
文章地址：http://aaarwkj.com/article29/digsojh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、Google、外貿(mào)網(wǎng)站建設(shè)、軟件開發(fā)、微信小程序、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)