时间:2021-05-08
偶然发现,IE6的Li标签左边会多出16px的宽度,即使把list-style-type设置成none。而在Firefox中却是正常的(IE其它版本没测试,不过应该是和Firefox一样的)。
经验证,其实是IE6的list-style-position属性造成的,默认情况下,Firefox中list-style-position值为 outside,即列表项符号会在LI标签的外面显示。而IE6的默认值则相反(inside)。不过这还不是问题关键,IE6完全是属于占着茅坑不拉屎 的那种,即使你不显示列表项符号,即把list-style-type设置成none,它依然会保留列表项符号占用的空间。所以无论你给LI的设置 margin:0或者padding:0,你都会发现Li左边会多出16PX的空间。
既然知道问题的关键,解决起来就不难了,直接设置 ul 的样式为
list-style-position:outside;
OK,把项目符号赶到LI的外面去,让IE6去哭吧。。。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这篇文章给大家分享了多个关于IE6下兼容性的常见问题,有需要的朋友们下面来一起学习学习吧。常见问题一:在Ie6下,内容会把父元素设置好的宽高撑开。计算一定要精确
让IE(IE6/7/8)支持Html5标签烦人的IE6、7、8很让人讨厌,目前对Html5标签支持是有很大问题的,现在提供一下解决办法。将以下代码放入标签内即可
ie6中li插入图片后下方有空隙bug,这是ie6的有一个经典bug。解决该bug有很多方法,今天我整理了下,共4种方法,给大家分享下。首先附上代码:复制代码代
IE6下CSS背景图片闪烁的Bug(ie6下的背景图片缓存问题)IE6下的背景图片每次使用都会重新发送请求(非本地),连一个hover效果时候同样的背景图片仅仅
IE下判断IE版本的语句...[iflteIE6]……[endif]复制代码代码如下:只有IE6版本可见IE6及其以下版本可见IE6