首页 / 脚本样式 / CSS / web标准常见问题集合2

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" content="text/html; charset=gb2312" /> <style type="text/css"></style> aaaaaa aaaaaa
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动 float:left 或者相对IE6定义.left margin-right:-3px;
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" content="text/html; charset=gb2312" /> <style type="text/css"></style> <ul> <li>web标准常见问题大全</li> <li>web标准常见问题大全</li> <li>web标准常见问题大全</li> <li>web标准常见问题大全</li> <li>web标准常见问题大全</li> </ul>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这个list-style-image的定位问题也是经常有人问的，解决的办法一般是用li的背景模拟，这里采用相对定位的方法也可以解决
9. LI中内容超过长度后以省略号显示的方法
<！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"></style> <ul> <li>web标准常见问题大全web标准常见问题大全</li> <li>web标准常见问题大全web标准常见问题大全</li> <li>web标准常见问题大全web标准常见问题大全</li> <li>web标准常见问题大全web标准常见问题大全</li> <li>web标准常见问题大全web标准常见问题大全</li> </ul>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
此方法适用与IE与OP浏览器