IE兼容性 css hack
2016-05-11 14:05
246 查看
css常见问题
1:H5标签兼容。(ie6不支持h5标签)
用document.createElement创建节点,但此方法创建的节点为内联元素不支持宽高,要给节点手动添加display:block属性。
2:元素浮动之后,能设置宽度的话就给元素加宽度.如果需要宽度是内容撑开,就给它里边的块元素加上浮动;
3:第一块元素浮动,第二块元素加margin值等于第一块元素,在IE6下会有间隙问题;
4:IE6下子元素超出父级宽高,会把父级的宽高撑开
5:p包含块元素嵌套规则。
CSS兼容问题
margin兼容性问题
display:inline-block
IE6最小高度问题
IE6双边距
li里元素都浮动li 在IE6 7 下方会产生4px间隙问题
浮动元素之间注释,导致多复制一个文字问题
IE67 父级元素的overflow:hidden 是包不住子级的relative
IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1px的偏差
IE6下绝对定位元素和浮动元素并列绝对定位元素消失
IE6下input的空隙
IE6下 输入类型表单控件背景问题
css hack
hack黑客? (原意:修改)
针对不同的浏览器写不同的CSS 样式的过程,就叫CSS hack!
\9 所有的IE10及之前的浏览器 eg:background-color:red\9
+ * IE7及ie7以下的ie浏览器认识 eg:*background-color:yellow
_IE6及ie6的ie浏览器认识 eg:_background-color:blue
远离css hack,有益身心健康!
样式优先级
默认<类型<class<id<style(行间)<!important
1:H5标签兼容。(ie6不支持h5标签)
用document.createElement创建节点,但此方法创建的节点为内联元素不支持宽高,要给节点手动添加display:block属性。
2:元素浮动之后,能设置宽度的话就给元素加宽度.如果需要宽度是内容撑开,就给它里边的块元素加上浮动;
3:第一块元素浮动,第二块元素加margin值等于第一块元素,在IE6下会有间隙问题;
4:IE6下子元素超出父级宽高,会把父级的宽高撑开
5:p包含块元素嵌套规则。
CSS兼容问题
margin兼容性问题
display:inline-block
IE6最小高度问题
IE6双边距
li里元素都浮动li 在IE6 7 下方会产生4px间隙问题
浮动元素之间注释,导致多复制一个文字问题
IE67 父级元素的overflow:hidden 是包不住子级的relative
IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1px的偏差
IE6下绝对定位元素和浮动元素并列绝对定位元素消失
IE6下input的空隙
IE6下 输入类型表单控件背景问题
css hack
hack黑客? (原意:修改)
针对不同的浏览器写不同的CSS 样式的过程,就叫CSS hack!
\9 所有的IE10及之前的浏览器 eg:background-color:red\9
+ * IE7及ie7以下的ie浏览器认识 eg:*background-color:yellow
_IE6及ie6的ie浏览器认识 eg:_background-color:blue
远离css hack,有益身心健康!
样式优先级
默认<类型<class<id<style(行间)<!important
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析