一:input输入框焦点点不中
产生原因:一般都是样式引起的,或用了太多div等标签
解决办法:简化标签,调整CSS
二:Firefox,IE7,IE8的hack使用,注意顺序
padding-top:9px; padding-top:8px\0; +padding-top:5px
1,下划线(_)是IE6专有hack
2,反斜杠零(\0)是IE8专有hack
3,加号(+)IE7和IE6能识别,IE8和FF不能识别
常用HACK技术,推荐阅读:
http://www.bluestep.cc/blog.php?id=3
三:A标签里的图片在IE7下链接失效
产生原因:这是由于图片的外层有其他标签包裹而且这些标签都有display为block的属性。
如:
<a href=”/lessons/teacher/listlessons” target=”iframebox” >
<p>
<IMG src=”/images/teacher/bks.png”>
<span class=”date”>备课室</span>
</p>
</a>
这里的P标签本身就有块属性,所以在IE7下有问题
解决办法:把相关有块属性的标签移到外面
<p>
<a href=”/lessons/teacher/listlessons” target=”iframebox” >
<IMG src=”/images/teacher/bks.png”>
<span class=”date”>备课室</span>
</a>
</p>
四:去掉A标签点击后有虚线框的问题
产生原因:这是A标签用图片或者其他具有块属性的标签作为链接内容导致的
如上面第三条解决方法里的HTML代码
解决办法:
a{
cursor:pointer;
outline:none;
blr:expression(this.onFocus=this.blur());
}
这里的解决办法同时也修正IE7下悬空A标签上不是pointer的问题