ie6中兼容性问题总结
针对firefox ie6 ie7 ie8的css样式中的line-height属性,以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!这些细节却往往影响了整个页面样式的美观性。搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 方式。大概的总结如下:
CSS可以参照如下定义,注意顺序:
#menu { line-height: 23px; } /* firefox 浏览器实行这句定义 */
#menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要针对IE8来hack*/
#menu { *line-height: 23px; } /*ie6,ie7 这句定义主要针对IE7来hack*/
#menu { _line-height: 23px; } /*ie6 浏览器优先实行这句定义*/ 或者写成一句
#menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; } 或者
* html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */
*+html #menu { line-height: 23px; } /* IE7 浏览器实行这句定义*/
IE6中浮动元素3px间隔Bug:
发生场合:发生在一个元素浮动,然后一个不浮动的元素自然上浮与之靠近会出现的3px的bug。
解决方法:右边元素也一起浮动;或者为右边元素添加IE6 Hack _margin-left:-3px;从而消除3px间距。
原理分析:IE6浏览器缺陷Bug。
转载于:https://www.cnblogs.com/xuzhudong/p/6628749.html
ie6中兼容性问题总结相关推荐
- html如何设置ie6兼容性视图,IE6浏览器兼容性视图设置在哪里
ie6浏览器算是旧版本了,如果你想要设置兼容性视图,该怎么设置呢?下面由学习啦小编为大家整理了IE6浏览器的兼容性视图设置在哪里的方法,希望对大家有帮助! IE6浏览器兼容性视图设置在哪里 IE6兼容 ...
- ie5/ie5.5/ie6/ff兼容性
解决IE5/IE5.5/IE6/FF的兼容性问题--CSS 之前找了几个不同版本的可独立运行的IE浏览器,正好拿来试试页面的兼容性问题.不试不知道,在IE6和FF中没问题的页面在IE5和IE5.5中乱 ...
- html文件修改后缀为aspx之后在ie6中格式显示不正确问题的解决办法
因为客户的特殊要求,网站显示的时候必须以aspx后缀的形式来显示,所以把所有文件的后缀全部改成aspx了.但是部署上去之后,aspx文件在ie7及ie8中都能正常显示(ie8中能正常显示需 ...
- Hover伪类在IE6中的实现
鼠标滑过行,行改变颜色可以使用javascript写,onmouseover,onmouseout,也可以使用css2的伪类hover,但是ie6对伪类支持的不好,需要变换一下思路,要么使用javas ...
- 解决ie6中fixed不起作用的问题
有时需要把一个元素固定在页面的某个部位,一般的解决方法是: <div class="box"></div> .box{position:fixed;bott ...
- ie6中容器内浮动元素的border边框不完全显示的bug
ie6中容器内浮动元素的border边框不完全显示的bug html <div class="hrListBox"> <div class=&qu ...
- Ghost in IE6.web标准网页IE6中的幽灵。
前一段时间发现的一个很诡异的现象,一直没有找到真正的原因.虽然有办法解决,但是办法却是也是否诡异.因为早不到问题的根结,所以也不能提炼出一个bug页面给大家,真是抱歉.不过有个图片大家可以看一看,不知 ...
- ie6,ie7兼容性总结(转)
其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font ...
- ie6,ie7兼容性总结
其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font ...
最新文章
- python中可以用中文作为变量-python里能不能用中文
- 第三章 改进神经网络的学习方式(中下)
- Android 使用Adapter适配器模式实现无线轮播BannerView
- 来自.NET FM的感谢信
- libzdb 连接mysql,数据库连接池库libzdb使用教程
- less,more,view一个文件时中文可以正常显示,可是VI却显示乱码呢?
- centos7 redis配置
- 【学习笔记】数据分析师相关岗位招聘情况分析
- 玩游戏时弹出计算机内存不足,Win7系统玩游戏内存不足怎么办 win7玩游戏时显示内存不足如何解决...
- win10自带抓包工具_[教程] 利用抓包工具从Windows 10 应用商店里下载应用程序离线安装包...
- 2.5D 组态案例合集 | 智慧园区、数据中心、SMT 生产线、汽车制造
- WEB视频自适应(下)
- 学习乔布斯的成功方法
- 摄影焦距和物距的关系_摄影的焦距是多少?
- Swiper 轮播插件
- 23 SpringBoot @Qualifier注解
- Android简易项目SQLite的简单运用——简易记事本
- C语言初步学习笔记——第四节 有符号数与常见关键字
- 【Spring Boot】使用 SSL 证书加密 API(HTTPS)
- 焦点、光标位置、鼠标位置 区别