博客
资料
短消息
搜索
加为好友
成为Fans
江苏
大家不要急 一个个来~！
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" c />
<style type="text/css">
<!--
a:link {
color:red
}
a:hover {
color:blue
}
a:visited {
color:green
}
a:active {
color:orange
}
-->
</style>
<a href="#">web标准常见问题大全</a>
被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A
 UID:547 |
|
|
Time: 07-10-26 13:01
|
暂时空缺
|
|
UID:547 |
|
|
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" c /> <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插入 的方法来解决 Time: 07-10-26 13:02
|
 UID:4943 |
|
当前状态：离线
|
好
 Time: 07-10-26 13:02
|
|
UID:547 |
|
|
晕了 楼上的，我还没发完呢，别捣乱
Time: 07-10-26 13:04
|
|
UID:547 |
|
|
无视 继续
3.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" c /> <style type="text/css"> <!-- div { width:200px; border:1px solid red } p { float:left; width:100px; } --> </style> <div><p>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</p></div> 为什么这个P撑不开DIV呢？解决的办法是在div 与 p 之间插入<div style="clear:both"></div>清除掉这个p的浮动 Time: 07-10-26 13:05
|
暂时空缺
|
|
UID:547 |
|
|
4. IE6的双倍边距BUG
<!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" c /> <style type="text/css"> body { margin:0 } div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } </style> <div> <a href="#"> web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全 </a> </div> 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline Time: 07-10-26 13:07
|
|
UID:547 |
|
|
5. IE6下绝对定位的容器内文本无法正常选择的问题
<!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" c /> <style type="text/css"> div { position:absolute; top:100px; left:100px; width:200px; height:200px; border:1px solid red } </style> <div> <a href="#"> web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全 </a> </div> 上面的问题在IE6、7中存在，解决问题的办法是让IE进入到quirks mode。关于quirks mode的相关知识，请参考：http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx?mfr=true Time: 07-10-26 13:08
|
|
UID:547 |
|
|
6. IE6下为什么图片下方有空隙产生
<!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" c /> <style type="text/css"> <!-- div { border:1px solid red; background:orange; } img { width:276px; height:110px; } --> </style> <div> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" /> </div> 解决这个BUG的方法也有很多，可以是改变html的排版，或者设置img 为display:block 或者设置vertical-align属性为vertical-align:top | bottom |middle |text-bottom 都可以解决. Time: 07-10-26 13:09
|
|
UID:547 |
|
|
7. IE6下这两个层中间怎么有间隙
<!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" c /> <style type="text/css"> <!-- .left { float:left; width:100px; height:100px; background:red } .right { width:100px; height:100px; background:orange } --> </style> <div class="left">aaaaaa</div> <div class="right">aaaaaa</div> 这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动 float:left 或者相对IE6定义.left margin-right:-3px; Time: 07-10-26 13:10
|
|
UID:547 |
|
|
8. list-style-image无法准确定位的问题
<!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" c /> <style type="text/css"> <!-- li { list-style:url("http://bbs.blueidea.com/attachments/2006/11/10/arrowb_kJrcZheJmiIF.gif"); } li a { position:relative; top:-5px; font:12px/25px 宋体; } --> </style> <ul> <li><a href="#">web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全</a></li> </ul> 这个list-style-image的定位问题也是经常有人问的，解决的办法一般是用li的背景模拟，这里采用相对定位的方法也可以解决 Time: 07-10-26 13:18
|
暂时空缺
|
