IE6隐形文本在7行HTML中,有没有修复?

时间:2008-12-11 04:39:49

标签: css internet-explorer-6

我把这个问题永远地解决了。我无法表达我遇到的挫折感,如果我这样做,它将不适合任何网站。永远。这是导致我史诗般痛苦的HTML代码:

<div style="padding: 5px; background: #EEE">
    This text is invisible. Remove either padding or background to see this.  
    <div>
        <div style="float: left;">left</div>
        <div style="clear: both;"></div>
    </div>
</div>

该文字是不可见的,除非您将其高亮显示或将窗口拖到其上方,或者像那样疯狂的东西。

如果删除填充或删除背景,则会解决此问题。

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:4)

你被Peek-a-boo咬了。

通过该链接,您可以选择:

  1. 保持清除div不接触浮动,或避免在div#floatholder上使用背景。不完全理想。
  2. 给div#floatholder和div #flove'position:relative'。请务必完全测试此方法。
  3. 给div#floatholder hasLayout(现在是首选方法)

答案 1 :(得分:3)

看起来像经典的hasLayout问题。向最外层div添加宽度或尝试here所述的任何其他方法。