收藏 分站 简化版 股指 预订
日历 地图 计算器 行情 电脑
影视 携程 导购 WAP 排行
首页 软件 源码 网络 窍门 笑话 知识 公告
全部 综合数码金融娱乐服务报刊政府机构 推荐 申请 友情  
您现在的位置:首页 >> CSS >> 内容

CSS兼容IE6,IE7,FF的技巧

内容摘要:一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px;......

  一、css hack

以下两种方法几乎能解决现今所有hack.

1, !important

随着ie7对!important的支持, !important 方法现在只针对ie6的hack.(注意写法.记得该声明位置需要提前.)

<style>

#wrapper

{

width: 100px!important; /* ie7+ff */

width: 80px; /* ie6 */

}

</style>

2, ie6/ie77对firefox

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

<style>

#wrapper

{

#wrapper { width: 120px; } /* firefox */

*html #wrapper { width: 80px;} /* ie6 fixed */

*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */

}

</style>

注意:

*+html 对ie7的hack 必须保证html顶部有如下声明:

<!doctype html public "-//w3c//dtd html 4.01 transitional//en""http://www.w3.org/tr/html4/loose.dtd">

二、万能 float 闭合(非常重要!)

关于 clear float 的原理可参见 [how to clear floats without structural markup]

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

<style>

/* clear fix */

.clearfix:after

{

content:".";

  版权声明:本内容来源于互联网,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。


发布日期:2009-10-01 发布时间:16:50:51 点击:1170 
  • 上一篇:解决IE7.0和IE8.0的CSS兼容问题
  • 下一篇:css对表格的定义
  • 本类新增
    本类热门文章
    壹 家 软 件 工 作 室(YiJia SoftWare Workroom) 齐天大圣® 制 作 ©2000-2017

    最佳1024*768浏览
    闽ICP备05000814号-1
    YJCMS V1.7 Build 17.1.7

    本免费空间由景安网络(yjyy)提供