一些常用的CSS hack代码
一.清零代码:因为不同的浏览器,默认的初始值是不同的,用清零代码把这些默认值高置为0是很有必要的。
- body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
- margin: 0;
- padding: 0;
- }
二.clearfix:如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有 clear,导致不能被撑开。可用如下代码解决。
- .clearfix:after{
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden;
- }
- * html .clearfix{
- height:1%;
- }
三.ie6不支持position:fixed;的BUG;
- /* 除IE6浏览器的通用方法 */
- .ie6fixedTL{position:fixed;left:0;top:0}
- .ie6fixedBR{position:fixed;right:0;bottom:0}
- /* IE6浏览器的特有方法 */
- /* 修正IE6振动bug */
- * html,* html body{background-p_w_picpath:url(about:blank);background-p_w_upload:fixed}
- * html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
- * html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
四.ie6不支持max-width、max-height、min-width、min-height的BUG。
- _width:expression((documentElement.clientWidth < 500) ? "500px" : "auto" );//实现min-width
- _width:expression((documentElement.clientWidth >500) ? "500px" : "auto" );//实现max-width
- _height:expression((documentElement.clientHeight<500) ? "500px" :"auto");//实现min-height
- _height:expression((documentElement.clientHeight>500) ? "500px" :"auto");//实现max-height
转载于:https://blog.51cto.com/usual/665952
一些常用的CSS hack代码相关推荐
- 兼容ffIE678 hack(IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例)
兼容ffIE678 hack(IE6.IE7.IE8.Firefox兼容性CSS HACK代码+示例) 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blu ...
- CSS hack代码汇总
例如现有CSS代码如下: .divContent{background-color:#eee; } 那么下面我们就来写一下,如何使代码兼容几个主流浏览器. /* IE8+ */ .divContent ...
- 常用的 css hack实例
注意顺序: #menu { line-height: 23px; }/* firefox 浏览器实行这句定义 */ #menu { line-height: 26px\9; }/*ie6,ie7,i ...
- 整理的一些常用的CSS HACK
ie8以下兼容透明都和支持CSS圆角,这两个都要在服务器上才看到效果,可以本地搭建一个服务器如IIS -pie-background: rgba(255, 255, 255, 0.10);/*IE6 ...
- css hack 学习总结
css hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是 同一厂商的浏览器的不同版本,如IE ...
- css hack方法,css hack怎么应用
CSS hack的目的就是使你的CSS代码兼容不同的浏览器,那么你对css hack了解多少呢?下面就让学习啦小编来给你科普一下什么是css hack. css hack的原理 由于不同的浏览器对CS ...
- CSShack,CSS hack
前提:前端开发中,经常遇到浏览器解析不一致,同样的代码,页面展示却不一致的情况,尤其是IE对CSS解析的认识不同,因此我们开发中要想实现得到想要的一致的效果,就会使用到CSS hack 原理 不同的浏 ...
- css hack *html,css hack 大全 各个浏览器的css
各个浏览器的css hack区别属性: IE6: _zoom:1; IE6/7: *zoom:1; IE6/7/8/9 :\9 各个浏览器的css hack区别规则 IE6: *html{} IE7: ...
- CSS Hack是什么意思?css hack有什么用?
第一部分:什么是CSS Hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准 ...
最新文章
- 表格全屏显示_2020-2026年中国手机显示屏市场现状研究分析与发展前景预测报告...
- MySQL 高级 - 存储过程 - 语法 - while循环
- jQuery-点击按钮实现回到顶部的两种方式
- 10. http 的一些说明及分析工具
- html 使用符号设置固定链接,让woocommerce使用数字id的固定链接插件
- anaconda moviepy_Anaconda和PyCharm的详细安装步骤~小白专用,手把手教学
- android自定义radiogroup,Android自定义RadioGroup
- startup,startup mount,startup nomount之间的区别
- 20155235 《网络攻防》 实验四 恶意代码分析
- 【Flink】Flink 1.9 升级 1.12.4 本地可以运行 打包后 集群运行就找不到类 ClassNotFoundException
- 一生只有一个配偶的动物,如果一方死亡了,另一方会怎么办?
- 大数据将植物学研究带入新境界
- Anaconda和conda——关于python的数据科学开发环境,数据科学必备的十大Python库
- shell学习笔记二
- 一周信创舆情观察(2.1~2.7)
- 微信小视频显示服务器正在升级,更新微信版本后 朋友圈小视频提示显示录制时间太短的解决办法...
- Day20 网络编程
- python两张图片无缝合成一张,Python实现拼接多张图片的方法
- 微信小程序页面onLoad获取app.js的onLaunch数据(异步获取用户信息)
- 大疆2018校招笔试题