IE下样式修改经验记录

一: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的问题

郑重声明:

1 本资源来源于互联网,资源的版权归资源原作者所持有,受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系,所以上传的部分资源无法先通过原作者的同意就分享给大家了,如本资源侵犯了您(原作者)的权益,请联系我们(微信号 xiaohaimei1989),我们会立马删除您的资源,并向您表达诚挚的歉意!

3 本站是一个公益型网站,分享资源的目的在于传播知识,分享知识,收取一点点打赏的辛苦费是用于网站的日常运营开支,并非用于商业用途。

4 本站资源只提供学习和参考研究使用,使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

发表评论