兼容问题及解决办法
文章平均质量分 57
XYFcute
这个作者很懒,什么都没留下…
展开
-
1.IE6金典3px问题
1.产生条件:IE6浏览器,在一个父级块元素中(如body、div)存在一个浮动元素和一个未浮动元素(可以是块元素,也可以是行级元素)并且处于同一行,有默认的3px间距。如图:解决办法:使用CssHack 给未浮动元素添加如下属性:{_margin-left:-3px;}//只针对ie6添加的额外属性,其他版本的ie浏览器以及非ie浏览器将不会执行这段代码原创 2017-09-08 12:58:13 · 417 阅读 · 0 评论 -
图片间隙问题
图片间隙问题一产生环境:所有浏览器中产生条件:在div中插入图片时,图片会将div下方撑大4或者5像素,如图:解决办法:给img添加如下声明:img{display:block;}图片间隙问题二产生环境:所有浏览器产生条件:当多张图片横向排列时,会产生一定间距(img元素直接的换行符会被当作空格处理)如图:解决办法一:img元素紧挨着写如:原创 2017-09-08 15:25:27 · 772 阅读 · 0 评论 -
ie中img外部边框问题
产生环境:ie10及以下产生条件:img标签外部有a标签即img有超链接时如下:body{border: 1px solid rgb(0,0,0);}解决办法:给img标签添加声明:img{border:0px;}原创 2017-09-08 16:12:02 · 508 阅读 · 0 评论 -
ie6横向双倍外边距问题
产生环境:ie6产生条件:在IE6中块元素浮动后,设置左右外边距后,会出现双倍margin现象,如图 :设置浮动元素的margin-left为100px结果变为200px解决办法:给浮动元素的样式控制中加入display:inline原创 2017-09-08 15:54:37 · 346 阅读 · 0 评论 -
ie6、ie7—input{border:none}无效问题及ie8及以下的input文本框文字偏上问题
产生环境:ie6、ie7产生条件:当想给input元素去掉边框时给input元素添加声明border:none;如下: *{margin: 0px;padding:0px;}input{border: none;}.search_box{width:300px;height:200px;background: red;float: l原创 2017-09-10 00:13:31 · 1200 阅读 · 0 评论