如何解决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标记验证器。在验证报告中向下滚动以查看行号和源代码。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。