兼容性 1

 
 页面在不同浏览器中可能显示不同
 在IE6下 子级的宽度会撑开父级设置好的宽度
  温馨提示:和模型的计算一定要精确,IE浏览器可能显示不同
 
兼容性 2
 
 在IE6中,元素浮动,如果宽度需要内容撑开,
 需要给里面的快元素 添加浮动 才可以
 
兼容性 3
 
 在IE6,7下,元素要通过浮动{float:left;}排在同一排,就  需要
  解决:给这个元素都加浮动
 
兼容性 4 
 
 注意标签的嵌套规则
 
兼容性 5
 
 在IE6 下,元素的高度如果小于19px的时候,就会
 当成19px来处理
  解决方法:overflow:hidden;
 
兼容性 6
 
 在IE6 下不支持1px的dotted边框样式
  解决:切背景平铺
 
兼容性 7
 
在IE下大部分兼容性都是因为 haslayout 属性
的触发问题,尽量触发 haslayaout 属性 可以
减少很多IE下兼容性问题
 
在IE下父级有边框的时候,子元素的margin会失效
 解决:触发父级 haslayout 属性
 
兼容性 8
 
在IE6下双边距bug
 在ie6 块元素 ,有浮动, 有横向 margin的值
的时候,横向的margin的值会夸大两倍
解决:转换为内敛 display:inline;
 
margin-left 一行中左侧的第一个元素有双边距
margin-right 以行中右侧 的第一个
 
兼容性 9 
 
在IE 6 7 下 li 本身没有浮动,li里面的内容有浮动,
li下会产生一个间隙
解决:
 1.给li加浮动
 2. 给li加 vertical-align:top:
 3.在IE 6 最小高度,li的间隙问题共存情况
 加float:left;
 
兼容性 11
 
 当 一行子集的宽度之和父级的宽度相差超过3px,
 或者子级元素不满行的情况的时候,最后一行子级
 的margin-bottom会失效。
 
兼容性 12
 
在IE6 下 文字容溢出bug
子元素的宽度和父级的宽度如果相差小于3px的时候,两个浮动元素中间有注释或者内敛元素,就会出现文字溢出,
内敛元素越多,溢出越多
 
解决:用div吧注释的或内联元素抱起来
 
兼容性 13
 
在IE下,当浮动元元素素和绝对定位是兄弟关系的时候,
绝对定位会失效
解决:
 不让浮动元素和绝对元素是兄弟关系,用div或者其他标签吧
a边检抱起来
 
兼容性 14
 
在IE 6 7下 ,子元素有相对定位,父级overflow抱不住子元素
解决:
 给父级也加相对定位
 
兼容性 15 
 
在IE6 下,如果决定定位的父级宽高是奇数的时候,
子级元素的right和bottom的值会有1px的偏差
 
兼容性 16
 
在IE67下,输入型的表单标签控件上下会有1px的间隙
解决:
给input加浮动
 
兼容性 17
 
css hack:
 \9 IE10Z之前的ie浏览器解析代码
 
+或者* 表示ie7包括7之前的ie浏览器
-表示 ie6包括6之前的ie浏览器

有关css的兼容问题的更多相关文章

  1. ie6,ie7,ie8 css bug兼容解决记录

    ie6,ie7,ie8 css bug兼容解决记录 转载自:ie6,ie7,ie8 css bug兼容解决记录 - 前端开发 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面 ...

  2. CSS中兼容的一面-----Hack

    国庆了,出去玩耍,也有好长时间没有更新博客了.. 今天就和大家共享一篇技术博文吧.. CSS中兼容的一面-----Hack技术大全 兼容范围: IE:6.0+,FireFox:2.0+,Opera 1 ...

  3. IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

    浏览器兼容问题一直是前段开发工程师比较头痛的问题,熟悉了里面的规则也就变得简单了,这里有一份资料可以分享给大家,大家平时开发过程中遵循这个规律的话,会变得轻松多了: 各浏览器CSS hack兼容表: ...

  4. css样式兼容不同浏览器问题解决办法

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所 有浏览器 ...

  5. 最全的CSS浏览器兼容问题(转至http://68design.net/Web-Guide/HTMLCSS/37154-1.html)

    最全的CSS浏览器兼容问题   CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2 ...

  6. css js 兼容问题

    js  兼容问题 1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运 ...

  7. 最全的CSS浏览器兼容问题http://www.68design.net/Web-Guide/HTMLCSS/37154-1.html

    最全的CSS浏览器兼容问题 来源:68design.net 作者:邓飞飞 2008年09月23日 14:17 网友评论:7条 点击:71865 CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中 ...

  8. 移动端&PC端CSS样式兼容代码

    CSS样式兼容代码 1.禁止选中复制文本 *{ user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-us ...

  9. ie6,ie7,ie8 css bug兼容解决方法

    IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug. 这里收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希 ...

  10. 最全的CSS浏览器兼容问题

    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格 ...

随机推荐

  1. 【LeetCode】未分类(tag里面没有)(共题)

    [334]Increasing Triplet Subsequence (2019年2月14日,google tag)(greedy) 给了一个数组 nums,判断是否有三个数字组成子序列,使得子序列 ...

  2. 继承和构造函数语法造成的一个bug

    一 出错误的代码 开发环境: visual studio 2017 社区版 #include "pch.h" #include <iostream> #include ...

  3. File类常用方法和枚举

    新建一个file对象: File f = new File("F:\\01.JAVA基础300集\\05_常用类\\122.File类的使用.mp4"); (文件路径也可以用&qu ...

  4. springboot 整合Druid

    Druid连接池监控配置 1) 引入依赖 <!-- https://mvnrepository.com/artifact/com.alibaba/druid --> <depende ...

  5. Python全栈开发,Day3

    一.基本数据类型 基础数据类型,有7种类型,存在即合理. 1.int 整数 主要是做运算的.比如加减乘除,幂,取余 + - * / **  % ... 2.bool 布尔值 判断真假以及作为条件变量 ...

  6. windowns环境下mysql 安装教程

    windowns环境下mysql 安装教程 一:这里以绿色版安装为例(解压就可以使用) 下载地址: 下载页面:https://dev.mysql.com/downloads/mysql/  2:点击 ...

  7. 将原生JS和jquery里面的DOM操作进行了一下整理

    创建元素节点 1.原生: document.createElement("div") 2.jquery: $("<div></div>" ...

  8. mysql.connector.errors.ProgrammingError: 1698 (28000): Access denied for user 'root'@'localhost'

    排错,首先在sql编辑工具 通过测试连接,查看一下自己的密码是否正确 : 由此可见,是自己的密码错误,输入正确的密码后 在这里把密码修改为正确之后程序运行正常 #初始化数据库连接 engine = c ...

  9. jenkins之启动与关闭

    jenkins可以通过内置的应用服务器或者借助其他应用服务器启动 目录 1.启动jenkins 2.关闭jenkins 3.重启jenkins 4.重新加载jenkins配置信息 1.启动jenkin ...

  10. Vue.js的列表数据的同步更新方法

    这次给大家带来Vue.js的列表数据的同步更新方法,Vue.js列表数据同步更新方法的注意事项有哪些,下面就是实战案例,一起来看一下. 数组的 push(),pop(),shift(),unshift ...