今天有人报来公司网站专题页头在IE8下掉下来了。

错误:

正常:

第一想法就是CSS样式不兼容,结果样式调来调去一个多小时,也没发现问题。

无奈使出排除法,将页面中不相关的DOM元素,一个个移除,最后只留下页头部份,问题照旧。。。

正当对着调试器发呆时,突然发现,页头元素怎么都跑到锚点<a>标签下?

原来页面中把锚点标签写成 <a id="anchor0" /> ,才导致IE8下认为标签没有闭合,将后面紧临的标签<div class=“loginBar">...</div>解析为A标签的子节点了。最终显示上出现问题。

在FF,Chrome,IE6、IE7和IE10都没问题(好像IE9下也有问题),看来以后写代码要规范些,出现这样的问题实在不该啊!

 

调试工具:Internet Explorer Platform Preview

posted on 2012-04-13 14:24  w3live  阅读(895)  评论(0编辑  收藏  举报