DIV+CSS常見問題及解決方案
本文向大家描述一下DIV+CSS常見問題及解決方案,比如說超鏈接訪問過后hover樣式不出現(xiàn)問題,被點擊訪問過的超鏈接樣式不在具有hover和active了,解決方法是改變CSS屬性的排列順序:L-V-H-A。
DIV+CSS常見問題及解決方案
1.超鏈接訪問過后hover樣式就不出現(xiàn)的問題?
被點擊訪問過的超鏈接樣式不在具有hover和active了,解決方法是改變CSS屬性的排列順序:L-V-H-A。
2.IE6的雙倍邊距BUG
例如:
viewplaincopytoclipboardprint?
- <styletypestyletype="text/css">
- body{margin:0;}
- div{float:left;margin-left:10px;width:200px;
- height:200px;border:1pxsolidred;}
- style>
- <styletypestyletype="text/css">
- body{margin:0;}
- div{float:left;margin-left:10px;width:200px;
- height:200px;border:1pxsolidred;}
- style>
浮動后本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline
3.DIV+CSS中為什么FF下文本無法撐開容器的高度?
標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會象IE6里那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設(shè)置呢?辦法就是去掉height設(shè)置min-height:200px;這里為了照顧不認識min-height的IE6可以這樣定義:
viewplaincopytoclipboardprint?
- div{height:auto!important;height:200px;min-height:200px;}
- div{height:auto!important;height:200px;min-height:200px;}
4.DIV+CSS中為什么web標(biāo)準(zhǔn)中IE無法設(shè)置滾動條顏色了?
原來樣式設(shè)置:
viewplaincopytoclipboardprint?
- <styletypestyletype="text/css">
- body{scrollbar-face-color:#f6f6f6;
- scrollbar-highlight-color:#fff;scrollbar-shadow-color:#eeeeee;
- scrollbar-3dlight-color:#eeeeee;scrollbar-arrow-color:#000;
- scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;}
- style>
- <styletypestyletype="text/css">
- body{scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff;
- scrollbar-shadow-color:#eeeeee;scrollbar-3dlight-color:#eeeeee;
- scrollbar-arrow-color:#000;scrollbar-track-color:#fff;
- scrollbar-darkshadow-color:#fff;}
- style>
解決辦法是將body換成html。#p#
5.為什么無法定義1px左右高度的容器?
IE6下這個問題是因為默認的行高造成的,解決的方法也有很多,例如:overflow:hidden|zoom:0.08|line-height:1px。
6.DIV+CSS中怎么樣才能讓層顯示在FLASH之上呢?
解決的辦法是給FLASH設(shè)置透明:
viewplaincopytoclipboardprint?
- <ahrefahref="http://www.easyq.net.cn/">:a>
- <prelangprelang="html"line="1">
- <paramnameparamname="wmode"value="transparent"/>
- <ahrefahref="http://www.easyq.net.cn/">:
- <prelangprelang="html"line="1">
- <paramnameparamname="wmode"value="transparent"/>
7.怎樣使一個層垂直居中于瀏覽器中?
viewplaincopytoclipboardprint?
- <styletypestyletype="text/css">