列舉了一些常見，新手經(jīng)常問的問題。舉例并說明解決方法。
1.超鏈接訪問過后hover樣式就不出現(xiàn)的問題
運(yùn)行代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
a:link {
color:red
}
a:hover {
color:blue
}
a:visited {
color:green
}
a:active {
color:orange
}
-->
</style>
<a href="#">
web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全
</a>
被點擊訪問過的超鏈接樣式不在具有hover和active了,很多人應(yīng)該都遇到過這個問題，解決方法是改變CSS屬性的排列順序: L-V-H-A
2.FF下如何使連續(xù)長字段自動換行
運(yùn)行代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
-->
</style>
<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<script type="text/javascript">
/* <![CDATA[ */
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"
";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+="
"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(37)
/* ]]> */
</script>
眾所周知IE中直接使用 word-wrap:break-word
就可以了, 這里FF中我們使用JS插入
的方法來解決
3.ff下為什么父容器的高度不能自適應(yīng)
運(yùn)行代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
width:200px;
border:1px solid red
}
p {
float:left;
width:100px;
}
-->
</style>
<div><p>web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)準(zhǔn)常見問題大全web標(biāo)