針對(duì)不同瀏覽器，可以將CSS Hack 網(wǎng)站設(shè)計(jì)代碼整理如下1針對(duì)I E 系列瀏覽器的網(wǎng)站設(shè)計(jì)代碼 針對(duì) IE 6 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id _display block 也就是在網(wǎng)站設(shè)計(jì)CSS屬性前加一個(gè)小劃線就好 針對(duì) IE 7 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id *displ；css設(shè)置透明度，首先需要知道的是在瀏覽器中的不同使用，一般在ie中用的是filteralphaopacity=0這個(gè)屬性來設(shè)置div或者是塊級(jí)元素的透明度，而在firefox中，一般就是直接使用opacity0，對(duì)于兼容的，一般的做法就是在書寫css樣式的將2個(gè)都寫上就行，就能實(shí)現(xiàn)兼容，具體看代碼 div1 width200px。

程序代碼第一個(gè)兼容，IE FF 所有瀏覽器 公用其實(shí)也不算是兼容height100px第二個(gè)兼容 IE6專用_height100px第三個(gè)兼容 IE6 IE7公用*height100px介紹完了這三個(gè)兼容了，下面我們?cè)賮砜纯慈绾卧谝粋€(gè)樣式里分別給一個(gè)屬性定義IE6 IE7 FF專用的兼容，看下面的代碼，順序不能錯(cuò)哦程序代碼height100px*h；100上面代碼可以直接使用了，如果要設(shè)置元素懸浮邊距，要分別為設(shè)置兩次，比如我要讓某個(gè)元素距頂部10個(gè)像素，距左部也是10個(gè)像素，那就要這樣子寫？* 除IE6瀏覽器的通用方法 * ie6fixedTL positionfixedleft10pxtop10px* IE6瀏覽器的特有。

代碼說明1minwidth220px本身在ie7下是不起作用的不兼容，通過displayinlineblock讓其他非IE7瀏覽器實(shí)現(xiàn)minwidth效果2但是ie7沒實(shí)現(xiàn)displayinlineblock不兼容3引入css hack代碼*displayinline，即可實(shí)現(xiàn)IE7minwidth220px；offy=1，color=whiteDropshadowoffx=0，offy=1，color=whiteDropshadowoffx=1，offy=0，color=whitetextshadow0 0 1px #FFF ie用濾鏡，火狐用css3 中文描邊效果。

css瀏覽器兼容性寫法

1、1ie8下兼容問題，這個(gè)最好處理，轉(zhuǎn)化成ie7兼容就可以在頭部加如下一段代碼，然后只要在IE7下兼容了，IE8下面也就兼容了 2flaot浮動(dòng)造成IE6下面雙倍邊距問題，這個(gè)最常見，也最好處理，！important解決，比如 marginleft10px ！important*IE7，IE8，F(xiàn)F下是10PX*marginleft5px*。

2、跨瀏覽器兼容是個(gè)永恒的話題，其實(shí)只要堅(jiān)持用CSS的規(guī)范書寫CSS的代碼，就不會(huì)產(chǎn)生什么不兼容的問題 hack針對(duì)的是像IE6等那些老版本的瀏覽器它們都將會(huì)淘汰而且現(xiàn)在每個(gè)瀏覽器更新的版本中對(duì)CSS的解釋器都是根據(jù)CSS規(guī)范編寫的所以以后的CSS兼容問題都將消失#wrapperwidth 100px！important。

3、碰到頻率100%解決方案CSS里加一行1*margin0padding0備注這個(gè)是最常見的也是最易解決的一個(gè)瀏覽器兼容性問題，幾乎所有的CSS文件開頭都會(huì)用通配符*來設(shè)置各個(gè)標(biāo)簽的內(nèi)外補(bǔ)丁是0瀏覽器兼容問題二塊屬性標(biāo)簽float后，又有橫行的margin情況下，在IE6顯示margin比設(shè)置的大問題癥狀常見癥狀是IE6中慶激昌后面。

4、chrome瀏覽器跟Opera瀏覽器一樣，都是用Webkit內(nèi)核，要兼容Webkit內(nèi)核寫css樣式的話，如下 media all and minwidth0px review height100px 兼容fox的寫法，如下 media screen and webkitmindevicepixelratio0 review height100px。

css ie兼容寫法

1、用CSS hack 來解決，比如 css height100px_height100px 只在IE6起作用。

2、將以下代碼加入Global CSS 中，給需要閉合的div加上 class=quotclearfixquot 即可，屢試不爽* Clear Fix *clearfixaftercontentquotquotdisplayblockheight0clearbothvisibilityhiddenclearfixdisplayinlineblock* Hide from IE Mac *clearfix displayblock* End hide from IE Mac。

3、參考下面的代碼 CSS全兼容根據(jù)內(nèi)容自適應(yīng)高度 lt！ leftwidth200pxfloatleftbackground#ccccolor#minheight100pxheightauto ！importantheight100pxoverflowvisible rightwidth200pxfloatleftbackground#999color#fffheight100pxtextalignright。

4、用CSS條件注釋實(shí)例如下lt！–if XXX 這里是正常的html代碼 lt！endif– 在此列表幾個(gè)出來，詳細(xì)介紹各自的含義lt！–if IE 如果瀏覽器是IE lt！–if IE 5 如果瀏覽器是IE 5 的版本 lt！–if IE 6 如果瀏覽器是IE 6 的版本 lt！–if IE 7。

5、尊敬的用戶，您好很高興為您答疑 因?yàn)榛鸷鼑?yán)格遵循W3C標(biāo)準(zhǔn)，而IE有一些自己特定的樣式屬性和對(duì)樣式屬性的解析，故尚不存在一勞永逸的所謂快速的代碼，只有具體情況具體分析目前最多最普遍的使用hack法進(jìn)行多瀏覽器的兼容希望我的回答對(duì)您有所幫助，如有疑問，歡迎繼續(xù)咨詢我們。

6、這個(gè)屬性來設(shè)置div或者是塊級(jí)元素的透明度，而在firefox中，一般就是直接使用opacity0，要做到兼容就是在css中2種都寫到，具體看下代碼\x0d\x0a\x0d\x0a\x0d\x0a#div1\x0d\x0awidth200px\x0d\x0aheight600px\x0d\x0amargin0 auto \x0d\x0aopacity0\x0d\x0。

7、_確實(shí)是只有 IE6才識(shí)別的IE7也識(shí)別的原因，可能是寫了和_一樣的屬性比如_width60px width60px 這樣IE6，7表現(xiàn)就是一樣的了 ！important主要作用為提升定義類的優(yōu)先級(jí)體現(xiàn)出來是保證有些全局屬性不被覆蓋+和*號(hào)IE6，7都能識(shí)別的 IE6 對(duì)兩個(gè)相鄰的都是左浮動(dòng)的層，設(shè)定margin。

8、解決方法在P對(duì)象上下各加2個(gè)空的div對(duì)象CSS代碼1height0pxoverflowhidden或者為DIV加上border屬性12 IE6下為什么圖片下有空隙產(chǎn)生 解 決這個(gè)BUG的方法也有很多，可以是改變html的排版，或者設(shè)置img 為displayblock 或者設(shè)置verticalalign 屬性為 verticalaligntop bottom middle textbottom。