关于
所以这个问题一次又一次被问到,但我注意到了一些不同的东西;见下文.
标准信息:
>子弹显示在FF中
> Bullet不会出现在IE中
查找
>在< ul>上设置hasLayout时子弹消失了元素,而不是< li> ;;这通常在做* {zoom:1}时完成
Internet Explorer中的Firebug
UL:
- backgroundAttachment "scroll"
- backgroundColor "transparent"
- backgroundImage "none"
- backgroundRepeat "repeat"
- borderBottomColor "#000000"
- borderBottomStyle "none"
- borderBottomWidth "medium"
- borderCollapse "separate"
- borderColor "#000000"
- borderLeftColor "#000000"
- borderLeftStyle "none"
- borderLeftWidth "medium"
- borderRightColor "#000000"
- borderRightStyle "none"
- borderRightWidth "medium"
- borderStyle "none"
- borderTopColor "#000000"
- borderTopStyle "none"
- borderTopWidth "medium"
- borderWidth "medium"
- bottom "auto"
- clear "none"
- color "#000000"
- cursor "move"
- direction "ltr"
- display "block"
- fontFamily "tahoma,arial,helvetica,sans-serif"
- fontSize "0.9em"
- fontStyle "normal"
- fontVariant "normal"
- fontWeight 400
- height "auto"
- left "auto"
- letterSpacing "normal"
- lineHeight "normal"
- listStyleImage "none"
- listStylePosition "outside"
- listStyleType "disc"
- margin "auto auto auto 30pt"
- marginBottom "auto"
- marginLeft "30pt"
- marginRight "auto"
- marginTop "auto"
- maxHeight "none"
- maxWidth "none"
- minHeight "auto"
- minWidth "auto"
- overflow "visible"
- padding "0px"
- paddingBottom "0px"
- paddingLeft "0px"
- paddingRight "0px"
- paddingTop "0px"
- pageBreakAfter "auto"
- pageBreakBefore "auto"
- position "static"
- right "auto"
- tableLayout "auto"
- textAlign "left"
- textDecoration "none"
- textIndent "0pt"
- textTransform "none"
- top "auto"
- unicodeBidi "normal"
- verticalAlign "auto"
- visibility "inherit"
- whiteSpace "normal"
- width "auto"
- wordSpacing "normal"
李:
- backgroundAttachment "scroll"
- backgroundColor "transparent"
- backgroundImage "none"
- backgroundRepeat "repeat"
- borderBottomColor "#000000"
- borderBottomStyle "none"
- borderBottomWidth "medium"
- borderCollapse "separate"
- borderColor "#000000"
- borderLeftColor "#000000"
- borderLeftStyle "none"
- borderLeftWidth "medium"
- borderRightColor "#000000"
- borderRightStyle "none"
- borderRightWidth "medium"
- borderStyle "none"
- borderTopColor "#000000"
- borderTopStyle "none"
- borderTopWidth "medium"
- borderWidth "medium"
- bottom "auto"
- clear "none"
- color "#000000"
- cursor "move"
- direction "ltr"
- display "block"
- fontFamily "tahoma,sans-serif"
- fontSize "0.9em"
- fontStyle "normal"
- fontVariant "normal"
- fontWeight 400
- height "auto"
- left "auto"
- letterSpacing "normal"
- lineHeight "normal"
- listStyleImage "none"
- listStylePosition "outside"
- listStyleType "disc"
- margin "auto"
- marginBottom "auto"
- marginLeft "auto"
- marginRight "auto"
- marginTop "auto"
- maxHeight "none"
- maxWidth "none"
- minHeight "auto"
- minWidth "auto"
- overflow "visible"
- padding "0px"
- paddingBottom "0px"
- paddingLeft "0px"
- paddingRight "0px"
- paddingTop "0px"
- pageBreakAfter "auto"
- pageBreakBefore "auto"
- position "static"
- right "auto"
- tableLayout "auto"
- textAlign "left"
- textDecoration "none"
- textIndent "0pt"
- textTransform "none"
- top "auto"
- unicodeBidi "normal"
- verticalAlign "auto"
- visibility "inherit"
- whiteSpace "normal"
- width "auto"
- wordSpacing "normal"
知道为什么要将布局设置为< ul>修改子弹?
我认为它可能是边距/填充,但IE中的Firebug显示相同的w / | w / o hasLayout.
裸页示例:
- <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
- <html>
- <head>
- <title>Default</title>
- <style type="text/css" media="all">ul {zoom:1;}</style>
- </head>
- <body>
- <ul>
- <li>foo</li>
- <li>bar</li>
- <li>foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
- </li>
- </ul>
- </body>
- </html>
在IE7中尝试上面的w /和缩放:1.
注意:因为这涉及hasLayout其他版本的IE可能会受到影响.