請(qǐng)教IE8兼容視圖下CSS樣式顯示不正確問(wèn)題

子元素浮動(dòng)后父元素塌縮。最簡(jiǎn)單的解決方法是在父元素top-main clearfix的最后加一個(gè)子元素，將其clear值設(shè)為both。

目前成都創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、芒康網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

清除浮動(dòng)試試，沒(méi)放瀏覽器里面測(cè)試，目測(cè)是浮動(dòng)沒(méi)清除造成的。自己百度：css清除浮動(dòng) 記?。簬缀跛星闆r下浮動(dòng)了，都要清除 css命名不要用下劃線，改成中劃線。

ie8下兼容問(wèn)題，這個(gè)最好處理，轉(zhuǎn)化成ie7兼容就可以。

如何讓ie8及一下的版本支持css3選擇器

ie-cssjs下載頁(yè)面的每一個(gè)樣式文件并解析它的CSS3偽選擇器。如果一個(gè)選擇器被找到，它就會(huì)被替換為同名的CSS class。比如： div：nth-child(2) 將會(huì)變成 div._iecss-nth-child-2 。

至今為止，我沒(méi)有找到比較好的解決辦法。唯一的解決辦法就是?；鸷?谷歌瀏覽器用HTML5實(shí)現(xiàn)圓角，如果是IE的話，就識(shí)別出來(lái)之后，用圖片代替。

e瀏覽器從ie8開(kāi)始添加了兼容模式，開(kāi)啟后會(huì)以低版本的ie進(jìn)行渲染。

respond.min：讓不支持css3 Media Query的瀏覽器包括IE6-IE8等其他瀏覽器支持查詢。

建議：不要考慮兼容IE圓角了，現(xiàn)在大多網(wǎng)站根本不管IE的css3屬性，犧牲小部分用戶部分體驗(yàn)，滿足大部分用戶才是明智之舉。還有csshtc這個(gè)文件其實(shí)里面就是js寫(xiě)的，對(duì)瀏覽器性能影響太大了，所以真心不建議你用。

Canvas實(shí)現(xiàn)圖片圓角的關(guān)鍵是使用“紋理填充”。Canvas中有個(gè)名為createPattern的方法，可以讓已知尺寸的圖片元素轉(zhuǎn)換成紋理對(duì)象，作填充用。

css樣式在ie8下無(wú)法顯示,ie9以上正常顯示

！--以IE7模式渲染-- 還 有一種情況，在IE8下只有不使用兼容模式頁(yè)面才能顯示正常，但是如果設(shè)定為IE8的模式，在IE9中卻會(huì)導(dǎo)致CSS3失效。看來(lái)，需要針對(duì) IEIE9 分別 禁用兼容模式。

由于ie9更改了以往ie7的布局引擎，可能會(huì)導(dǎo)致不按html標(biāo)準(zhǔn)編寫(xiě)的網(wǎng)頁(yè)支離破碎，如果您本人不了解編寫(xiě)html的話，建議使用較新的html模版修改。

可以將input放到一個(gè)容器中（如div）然后給div容器設(shè)置樣式，通過(guò)控制容器的位置來(lái)達(dá)到控制字體位置。

頁(yè)面代碼或樣式問(wèn)題：在編寫(xiě)網(wǎng)頁(yè)時(shí)，有可能出現(xiàn)一些不規(guī)范或者兼容性差的代碼或樣式，導(dǎo)致在IE8下無(wú)法正常顯示。

有沒(méi)有只針對(duì)IE8的CSS樣式hack?

1、css hack方式二：類內(nèi)屬性前綴法屬性前綴是在CSS樣式屬性名上加上一些只有特定瀏覽器才能識(shí)別的hack前綴，已達(dá)到預(yù)期的頁(yè)面展現(xiàn)效果。

2、width：auto；是寬度自動(dòng)的意思。\9是hack css 的一種寫(xiě)法，這種在正常css代碼后面加\9的方式，只有IE瀏覽器才能識(shí)別，其他瀏覽器會(huì)忽略這條語(yǔ)句。這樣就能做到差異化瀏覽器，來(lái)達(dá)到兼容瀏覽器的目的。

3、針對(duì)不同的瀏覽器寫(xiě)不同的 CSS code 的過(guò)程，就是 CSS hack。

請(qǐng)問(wèn)單獨(dú)在IE8.0下設(shè)置CSS屬性的語(yǔ)句怎么寫(xiě)

IE 開(kāi)發(fā)者工具添加css屬性步驟如下：選擇開(kāi)發(fā)人員工具欄目中，選擇左起第一個(gè)鼠標(biāo)指針按鈕，然后將鼠標(biāo)移動(dòng)到“請(qǐng)假原因”多行文本空白處，點(diǎn)擊鼠標(biāo)左鍵。當(dāng)前選中區(qū)域的元素和該元素的樣式將分別在左右窗格顯示出來(lái)。

background-size屬性（即斜杠后面的兩個(gè)100%）屬于css3，要IE9+才支持。

在CSS Expression中使用JavaScript表達(dá)式。CSS屬性根據(jù)JavaScript表達(dá)式的計(jì)算結(jié)果來(lái)設(shè)置。CSS Expression在其它瀏覽器中不起作用，因此在跨瀏覽器的編碼中單獨(dú)針對(duì)IE設(shè)置時(shí)會(huì)比較有用。從IE5開(kāi)始支持CSS Expression。

其正確的使用方法是為：IE：obj.style.styleFloat，其他瀏覽器Mozilla(gecko)，ff等用styleFloat：obj.style.cssFloat。