【问题标题】:Menu slide up leaving a gap in IE [closed]菜单向上滑动在 IE 中留下一个空白 [关闭]
【发布时间】:2013-08-20 06:14:19
【问题描述】:

The code is here. Chrome and Firefox work well: http://jsfiddle.net/cAU9T/4/

它只发生在 IE 中。但是所有版本的IE... 有什么想法吗?

【问题讨论】:

  • 没有你的代码...
  • 你指的是什么差距? “足球”标签下的阴影线?
  • @DrydenLong jsfiddle.net/cAU9T/4
  • @cale_b 如果将足球与其他足球进行比较,它不是阴影线而是白线
  • jsfiddle.net的链接必须附上代码。

标签: css internet-explorer


【解决方案1】:

这是渲染阴影的 IE 故障。作为一种解决方法,您可以在阴影元素下方放置一个元素,以强制按照此答案的建议重绘阴影区域:IE 9 and 10 box-shadow on resizing element

你的 UL 是绝对定位的,所以当它的高度变化时没有任何东西被推动。您只需向 UL 本身添加一个伪元素即可解决此问题:

ul.division:after { content: " "; display:block; height:15px; width:100%;}

更新了你的小提琴 - http://jsfiddle.net/cAU9T/5/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多