Internet Explorer中的CSS:列表样式图像和浮动:左问题
我对Internet Explorer 8的CSS中的列表样式图像属性有问题 如果我设定Internet Explorer中的CSS:列表样式图像和浮动:左问题,css,internet-explorer,Css,Internet Explorer,我对Internet Explorer 8的CSS中的列表样式图像属性有问题 如果我设定 li { float:left; list-style-image: none; } 每个菜单项都位于彼此的上方。如果我删除列表样式图像:无,则它们的位置将完全正确,但它们具有点图像。(见图片) 自从您将float:left设置为和内部后,列表的元素将折叠。没有必要;从中删除浮动:left可以解决此问题 至于列表项目符号,如前所述,list-style-type:none 特别是对于IE8,我还建议
li {
float:left;
list-style-image: none;
}
每个菜单项都位于彼此的上方。如果我删除列表样式图像:无,则它们的位置将完全正确,但它们具有点图像。(见图片)
自从您将
float:left
设置为
和内部
后,列表的元素将折叠。没有必要;从
中删除浮动:left
可以解决此问题
至于列表项目符号,如前所述,list-style-type:none
特别是对于IE8,我还建议删除块菜单主链接中的行高:0
。它可能会导致崩溃行为
注意:我不太理解@orokusaki的建议。在没有位置的情况下尝试:相对位置代码>,它工作得非常好。列表的元素会折叠,因为您将浮点:left
设置为
和内部
。没有必要;从
中删除浮动:left
可以解决此问题
至于列表项目符号,如前所述,list-style-type:none
特别是对于IE8,我还建议删除块菜单主链接中的行高:0
。它可能会导致崩溃行为
注意:我不太理解@orokusaki的建议。在没有位置的情况下尝试:相对位置代码>,它工作得非常好。这个问题感觉很熟悉……您使用的是什么Doctype?另外,顺便说一句,如果您试图从列表中删除项目符号,您可能需要尝试列表样式类型:none
。嘿,不是真的。。如果我使用列表样式类型,项目符号仍然存在。这是链接:这个问题感觉很熟悉…你使用的是什么Doctype?另外,顺便说一句,如果您试图从列表中删除项目符号,您可能需要尝试列表样式类型:none
。嘿,不是真的。。如果我使用列表样式类型,项目符号仍然存在。这是一个链接:嘿,确实是位置:相对没有任何帮助。但关键是它在IE中仍然不起作用。请看一看,我修改了您的建议,但菜单仍然会折叠。@帕特里克:您忘记删除中的行高:0
。\block menu primary links
。由于每个元素的高度都设置为0像素,因此它不会占据任何位置,因此不会将下一个元素向右移动。我同意这不符合逻辑,但这就是为什么普通浏览器没有这个问题。嘿,事实上,位置:relative一点帮助都没有。但关键是它在IE中仍然不起作用。请看一看,我修改了您的建议,但菜单仍然会折叠。@帕特里克:您忘记删除中的行高:0
。\block menu primary links
。由于每个元素的高度都设置为0像素,因此它不会占据任何位置,因此不会将下一个元素向右移动。我同意这不符合逻辑,但这就是为什么普通浏览器没有这个问题。