日期：2010-11-26 10:09:00 来源：本站整理

CSS HACK 与float浮动代码[网站美工]

赞助商链接

分享到： QQ空间新浪微博腾讯微博人人网

　　本文“CSS HACK 与float浮动代码[网站美工]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：

css hack由于差别的浏览器,比方internet explorer 6,internet explorer 7,mozilla firefox等,对css的解析熟习不一样,因此会招致生成的页面效果不一样,得不到我们所需求的页面效果. 这个时刻我们就需求针对差别的浏览器去写差别的css,让它可以同时兼容差别的浏览器,能在差别的浏览器中也能得到我们想要的页面效果.

1、css hack

　　以下两种办法几近能办理当今全部hack.

　　1, !important
　　随着ie7对!important的支持, !important 办法目前只针对ie6的hack.(注意写法.记得该声明位置需求提早.)

<style> 
#wrapper  
{  
width: 100px!important;  
width: 80px;  
}  
</style>

　　2, ie6/ie77对firefox
　　*+html 与 *html 是ie特有的标签, firefox 暂不支持.而*+html 又为 ie7特有标签.

<style> 
#wrapper  
{  
#wrapper { width: 120px; }  
*html #wrapper { width: 80px;}  
*+html #wrapper { width: 60px;}  
}  
</style>

　　注意:
　　*+html 对ie7的hack 必须保证html顶部有以下声明:
　　<!doctype html public "-//w3c//dtd html 4.01 transitional//en"　"">

2、float 闭合（排除浮动）

　　将以下代码加入global css 中,给需求闭合的div加上 class="clearfix" 便可,屡试不爽.

<style> 
.clearfix:after  
{  
content:".";  
display:block;  
height:0;  
clear:both;  
visibility:hidden;  
}  
.clearfix  
{  
display:inline-block;  
}  
.clearfix {display:block;}  
</style>