常见各大浏览器兼容问题汇总
随着浏览器版本的增多,解决浏览器兼容问题尤为重要,出现浏览器兼容问题的原因主要是不同的浏览器对同一段代码有着不同的解析,
造成页面显示效果不统一。
一、不同浏览器识别不同符号的区别
所有浏览器 通用height:200px;
ie6专用 _height:100px;
ie7专用 *+height:100px;
ie6、ie7共用 *height:100px;
ie7、ff共用 height:100px !important
值得注意的是,以上代码不能颠倒顺序,通用的放最前面,越是专用的要放后面,不然就会出现后面设置的参数覆盖前面的内容。
二、超链接访问过后如何让字体样式不出现的问题
主要是a标签的设置问题,把标签全部设置成想要呈现的样子即可。
a:link {color:red}
a:hover {color:blue}
a:visited {color:green}
a:active {color:orange}
其中a:link指的是未访问的链接颜色;a:visited指的是已经访问的颜色;a:hover指的是当鼠标悬浮上去的颜色;a:active指的是被选择
的颜色;
三、firefox浏览器中,父容器的高度不能自动撑开
主要原因是,子容器设置了浮动属性,此时只需要在在子容器的标签后添加clear:both即可。
四、ie6中出现双边距的情况
原本你可能设置左边距margin-left的值为10px,可是在ie中的显示就是20px的距离,主要是ie将border的距离也加了,解决的方法是加
一个display属性(display:inline)。
五、ie6中无法定义1px左右高度的容器
主要原因是ie6默认行高的原因,解决方法:可以设置overflow:hidden即可解决。
关于浏览器兼容的问题,解决方法还有很多,继续更新中......
分享按钮
造成页面显示效果不统一。
一、不同浏览器识别不同符号的区别
所有浏览器 通用height:200px;
ie6专用 _height:100px;
ie7专用 *+height:100px;
ie6、ie7共用 *height:100px;
ie7、ff共用 height:100px !important
值得注意的是,以上代码不能颠倒顺序,通用的放最前面,越是专用的要放后面,不然就会出现后面设置的参数覆盖前面的内容。
二、超链接访问过后如何让字体样式不出现的问题
主要是a标签的设置问题,把标签全部设置成想要呈现的样子即可。
a:link {color:red}
a:hover {color:blue}
a:visited {color:green}
a:active {color:orange}
其中a:link指的是未访问的链接颜色;a:visited指的是已经访问的颜色;a:hover指的是当鼠标悬浮上去的颜色;a:active指的是被选择
的颜色;
三、firefox浏览器中,父容器的高度不能自动撑开
主要原因是,子容器设置了浮动属性,此时只需要在在子容器的标签后添加clear:both即可。
四、ie6中出现双边距的情况
原本你可能设置左边距margin-left的值为10px,可是在ie中的显示就是20px的距离,主要是ie将border的距离也加了,解决的方法是加
一个display属性(display:inline)。
五、ie6中无法定义1px左右高度的容器
主要原因是ie6默认行高的原因,解决方法:可以设置overflow:hidden即可解决。
关于浏览器兼容的问题,解决方法还有很多,继续更新中......