IE常见兼容问题
2015-07-26 23:21
218 查看
浏览器兼容问题1:不同浏览器的标签默认的外补丁和内补丁不同
问题症状:随便写1个标签,不加样式控制的情况下,胳肢的margin 和padding差异较大。
解决⽅案:CSS *{margin:0;padding:0;}
浏览器兼容问题2:块属性标签float后,有横⾏的margin情况下,在IE6显示margin比设置的大
问题症状:常见症状是IE6中后面的一块被顶到下一行
在float的标签样式控制中加 display:inline;将其转化为行内属性
浏览器兼容问题三:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度
浏览器兼容问题五:父元素绑架子元素的margin-top
问题症状:这个问题主要出现在非IE浏览器中。如果父元素和子元素之间没有任何内容,将父元素设置margin-top后,子元素不会动,父元素会因为margin-top往下移动。
解决⽅案:在⽗元素和⼦元素之间加入heigth:0px或者设置父元素的padding-top。
浏览器兼容问题六:图片默认有间距
问题症状:一个img标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。
使用float属性为img布局
问题症状:随便写1个标签,不加样式控制的情况下,胳肢的margin 和padding差异较大。
解决⽅案:CSS *{margin:0;padding:0;}
浏览器兼容问题2:块属性标签float后,有横⾏的margin情况下,在IE6显示margin比设置的大
问题症状:常见症状是IE6中后面的一块被顶到下一行
在float的标签样式控制中加 display:inline;将其转化为行内属性
浏览器兼容问题三:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度
浏览器兼容问题五:父元素绑架子元素的margin-top
问题症状:这个问题主要出现在非IE浏览器中。如果父元素和子元素之间没有任何内容,将父元素设置margin-top后,子元素不会动,父元素会因为margin-top往下移动。
解决⽅案:在⽗元素和⼦元素之间加入heigth:0px或者设置父元素的padding-top。
浏览器兼容问题六:图片默认有间距
问题症状:一个img标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。
使用float属性为img布局
相关文章推荐
- Python request第三方库的安装
- 斐波那契数列
- Cocos2d-x《雷电大战》(1)-双层地图无限滚动
- logstash 配置 logstash-forwarder (前名称:lumberjack)
- C/C++时间获取及格式化输出汇总
- SCIKIT-LEARN与GBDT使用案例
- Meta http-equiv属性详解(转)
- POJ 1088 滑雪(记忆化搜索+dfs)
- Hibernate 集中常用的查询方式
- RecyclerView的拖动和滑动 第一部分 :基本的ItemTouchHelper示例
- 过程(栈帧结构是干货)
- [Windows] 双缓冲代码
- 过程(栈帧结构是干货)
- [JavaWeb基础] 009.Struts2 上传文件
- 使用GitHub建立个人网站
- ping通本机主机名问题
- iOS应用之间跳转
- UIWebView 使用
- LeetCode 203 Remove Linked List Elements
- HDU 4193 Non-negative Partial Sums(想法题,单调队列)