浏览器常用兼容性调试技巧
2015-12-02 00:00
316 查看
摘要: 浏览器常用兼容性调试技巧,CSSHACK
FireFox .box{ margin:0px auto;}
IE5.5 .body{ text-align:center;}
将以上代码合并
单行文本上下居中(垂直对齐)
h1{ height:30px; line-height:30px;}
IE6下,左右maigin会加倍
使用 display:inline; //将块元素转化成行内元素
排版时,能用padding解决的问题最好不使用margin,若使用margin,只使用其中一边
CSS HACK
针对不同浏览器,书写不同的CSS代码的过程,成为“CSS HACK”
针对不同浏览器,有如下符号:
在CSS属性前面加,用于分辨不同的浏览器版本
"*"IE6和cIE7 识别,如:.box{ *background-color:red;}
"_"IE6识别 如:.box{ _baskground-color:red}
注意:CSSHACK不是W3C标准,尽量少用。
浏览器常用兼容性调试技巧
实现所有浏览器主页居中:FireFox .box{ margin:0px auto;}
IE5.5 .body{ text-align:center;}
将以上代码合并
单行文本上下居中(垂直对齐)
h1{ height:30px; line-height:30px;}
IE6下,左右maigin会加倍
使用 display:inline; //将块元素转化成行内元素
排版时,能用padding解决的问题最好不使用margin,若使用margin,只使用其中一边
CSS HACK
针对不同浏览器,书写不同的CSS代码的过程,成为“CSS HACK”
针对不同浏览器,有如下符号:
在CSS属性前面加,用于分辨不同的浏览器版本
"*"IE6和cIE7 识别,如:.box{ *background-color:red;}
"_"IE6识别 如:.box{ _baskground-color:red}
注意:CSSHACK不是W3C标准,尽量少用。
相关文章推荐
- CSShack大全
- CSS hack原理与常见的hack
- Html Css/css3兼容性总结(兼容主流浏览器包括Ie6)
- 兼容性问题(下)笔记
- css中的注意项,可能会帮助到大家哦!
- CSS3 Gradient
- actionBar的tab字体颜色大小样式设置
- 第十四章:使用CSS3进行增强
- position:absolute;
- ecshop导航栏自动显示三级或多级子栏目,多级频道分类,并实现css高亮显示
- ecshop导航栏自动显示三级或多级子栏目,多级频道分类,并实现css高亮显示
- 关于cssReset所需掌握的知识点(一)
- ecshop导航栏自动显示三级或多级子栏目,多级频道分类,并实现css高亮显示
- css3按钮练习
- CSS3样式运用,悬浮立体方块
- WEB笔记-CSS 实现多级导航效果
- CSS+DIV详解
- DIV+CSS规范命名大全集合
- 南大软院大神养成计划-css布局
- OOCSS(样式和结构的分离与容器和内容的分离)