列举了一些常见,新手经常问的问题。举例并说明解决方法。
1.超链接访问过后hover样式就不出现的问题
<!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标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全 </a>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: Link-Visited-Hover-Active
2.FF下如何使连续长字段自动换行
<!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>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
众所周知IE中直接使用 word-wrap:break-word 就可以了, 这里FF中我们使用JS插入
的方法来解决
12下一页阅读全文