CSS HasLayout IE7 Bug

Question

首先，我读了以下文章，只是为了进一步了解这些问题，我以前也讨论过这些问题：

IE中相对位置/绝对位置/固定位置

raf3.html

http://www.satzansatz.de/cssd/onhavinglayout.html

对于一些有这些问题的人来说，可能是新的，上面的内容会有所帮助，但是在我的例子中，我在所有非IE浏览器中都有以下几点：

http://cl.ly/4n6F图像

以及IE7中的以下内容

http://cl.ly/4nYm图像

我知道我需要在大的棕色hasLayout = true上触发<div id="footer">，因为在IE7中触发hasLayout = false的是position: relative。我尝试过zoom: 1和display: inline-block，试图在#footer上触发hasLayout，但没有成功。

这里是供您观看乐趣的网站： http://hannahnour.co

div消失的原因是hasLayout目前是false on #footer。

我怎么能触发？！

Answer 1

@sweetroll是正确的，这与hasLayout无关。

问题在/wp/wp-content/themes/custom_bellydance_theme/style.css内部。

您有两行(特别是354和438行)，它们包含一个filter规则：

filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7 */ 
                      M11=0.9986295347545738, M12=0.05233595624294383, M21=-0.05233595624294383, M22=0.9986295347545738);

从表面上看，这两行之后的任何CSS都不会被IE7解析。

如果将这两行删除，则您的站点将在IE7中修复。

我不知道这些台词到底有什么问题。我试着删除这些行中的/* */注释，但这并没有什么区别。

我建议最好的方法是忘记在IE6/7上设置旋转的日期悬停，这并不重要，它只存在于两个不重要的浏览器中。如果这是不可接受的，你可以提出另一个问题，看看是否有人知道原因(如果你知道，确保你链接到这个问题)。

我很高兴你决定链接到你的网站。

否则任何人都不可能搞清楚这件事。

Answer 2

这不是hasLayout问题。您需要验证您的标记。看起来你是自我关闭一个标签，然后再添加一个结束标签，这使IE错误。您也有一个额外的关闭div标签，这将最终打破您的布局。

像Firefox和Chrome这样的浏览器足够聪明，可以正确地呈现问题，但是拥有有效的代码仍然是个好主意。

希望这能有所帮助！