CSS在IE6 / 7中崩溃

问题描述

| 我已经基于主题创建了一个Wordpress子主题，并且我目前正在尝试在IE 6/7中调试该站点。我的怀疑是问题是hasLayout，因为这似乎很常见并且症状是一致的，但是我检查了许多损坏的元素，并将hasLayout属性添加到了那些没有进展的元素上。 我确实在几个CSS类中设置了z-index，这些类现在已经删除了，我想知道你们中是否有人对其他调试方法有其他建议。 该网站是：http://032b4a6.netsolhost.com/WordPress/ 我在此处发布的不是Wordpress论坛，因为我认为我的问题与标准CSS问题有关，而不是针对WP的任何问题。 编辑： 详细介绍我在IE6 / 7中遇到的错误类型： 标头是具有css背景属性的锚点，它在搜索框上向下推，从而导致较大的间隙。 导航显示为好像在其下方有额外的75px的边距，从而导致另一个较大的间隙。 右侧边栏缺失。只需从左侧边栏下方的容器左侧偷看即可。 左侧边栏似乎还有15px的左边距，将其推到主要内容div上。     

解决方法

        为了检查IE6 / IE7中的布局问题是否是与hasLayout相关的问题，有时我会发现使用这样的规则进行调试很有用-它可能不是您希望在最终样式表中使用的东西（因为它可能会引入新问题），但通常可以揭示需要给哪些元素分配布局：

* {
    zoom: 1 !important;
}

    ,        欢迎来到条件注释和IE样式表的世界：http://codex.wordpress.org/Conditional_Comment_CSS您需要调整IE的CSS并使用本机IE（而不是浏览器快照）进行测试。 尝试将滑块拉出一分钟，以查看是否存在CSS冲突。 而且您有一些小的html错误，其中一个与内联样式表有关： 032b4a6.netsolhost.com WordPress的[无效]标记验证-W3C标记验证器。在验证报告中向下滚动以查看行号和源代码。