魯迅的孔乙己續寫(xiě)
1、margin-left:10px在FF和IE6下顯示問(wèn)題。IE6顯示 20px,FF顯示10px。

用!important就可以解決了。margin-left:10px !important;margin-left:5px;
2、cursor:hand在FF不顯示小手,如何解決?
一句話(huà):cursor;pointer;
3、要求在FF顯示height為20px;IE6下顯示height為25px;IE7下顯示height為30px.
#test{height:20px;}
*html #test{height:25px;}
* html #test{height:30px;}
解決CSS兼容性最常用的"Haker" 三個(gè)就寫(xiě)上,FF只認識第一個(gè)#test,IE6只認識第二個(gè)*html #test,IE7只認識第三個(gè)* html #test
PS:DTD必須加上要不還是不認。
4、在IE中內容會(huì )自適應高度,而FF不會(huì )自適應高度。
在要自適應高度的層中加一個(gè)層,樣式為
.clear{clear:both;font-size:0px;height:1px},
這樣解決有一個(gè)小小的問(wèn)題,高度會(huì )多一個(gè)像素。還有一種解決方法,給當前層加上一個(gè)偽類(lèi)
#test:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
1.超鏈接訪(fǎng)問(wèn)過(guò)后hover樣式就不出現的問(wèn)題?
被點(diǎn)擊訪(fǎng)問(wèn)過(guò)的超鏈接樣式不在具有hover和active了,解決方法是改變CSS屬性的排列順序: L-V-H-A
2.IE6的雙倍邊距BUG
例如:
浮動(dòng)后本來(lái)外邊距10px,但IE解釋為20px,解決辦法是加上display:inline
3.為什么FF下文本無(wú)法撐開(kāi)容器的高度?
標準瀏覽器中固定高度值的容器是不會(huì )象IE6里那樣被撐開(kāi)的,那我又想固定高度,又想能被撐開(kāi)需要怎樣設置呢?辦法就是去掉he ight設置min-height:200px; 這里為了照顧不認識min-height的IE6 可以這樣定義:
div { height:auto!important; height:200px; min-height:200px; }
4.為什么web標準中IE無(wú)法設置滾動(dòng)條顏色了?
原來(lái)樣式設置:
解決辦法是將body換成html
5.為什么無(wú)法定義1px左右高度的容器?
IE6下這個(gè)問(wèn)題是因為默認的行高造成的,解決的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px
6.怎么樣才能讓層顯示在FLASH之上呢?
解決的辦法是給FLASH設置透明:
7.怎樣使一個(gè)層垂直居中于瀏覽器中?
這里使用百分比絕對定位,與外補丁負值的方法,負值的大小為其自身寬度高度除以二
8、firefox嵌套div標簽的居中問(wèn)題的解決方法
假定有如下情況:
如果要實(shí)現b在a中居中放置,一般只需用CSS設置a的text-align屬性為center。這樣的方法在IE里看起來(lái)一切正常;但是在Firefox中b卻會(huì )是居左的。
解決辦法就是設置b的橫向margin為auto。例如設置b的CSS樣式為:margin: 0 auto;。
【魯迅的孔乙己續寫(xiě)】相關(guān)文章:
續寫(xiě)《孔乙己》01-11
孔乙己續寫(xiě)【經(jīng)典】09-07
續寫(xiě)孔乙己04-13
《孔乙己》續寫(xiě)02-25
孔乙己續寫(xiě)09-02
孔乙己續寫(xiě)(必備)09-07
孔乙己續寫(xiě)(熱)09-08
孔乙己續寫(xiě)通用【15篇】09-07
孔乙己續寫(xiě)15篇(必備)09-06
- 相關(guān)推薦