IE6、IE7和FF的最简单的hack技巧

2008-08-25 10:42:34 北京时间
关于CSS HACK的文章在webjx.com中提及的也很多。

  CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。

FF浏览器

.test{
    height:20px;
    background-color:orange;
}

IE7浏览器

*+html .test{/*IE7*/
    height:20px;
    background-color:blue;
}

IE6浏览器

*html .test{/*IE6*/
    height:20px;
    background-color:black;
}

  通过上面的CSS代码可以看出FF还是最听话的浏览器。
  在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。
  这里就很好记忆了,IE6加*html,而IE7加*+html,暗示加了一个版本。
  通过对class、id所做的CSS HACK好处在于不用顾及前后顺序,而且便于管理和其他人员接受,
  还可以通过这种HACK实现类似JS浏览器版本的控制。
                   
  上面内容看完可以点击下面的效果在不同浏览器来看看效果,
  其中橙色代表FF,蓝色代表IE7,黑色代表IE6。

  大家可以自行测试!




最新图文资讯

发表评论

请文明参与讨论,禁止漫骂攻击。本站保留不刊登无关和不雅评论的权力。


用户名: 密码: 匿名

相关新闻
重置默认样式 最近看到一个词叫css reset。什么叫做css reset呢
我们在做表单的情况下,input、textarea、button的样式比较容易
层的定位是很多人比较困扰的问题,点击弹出层会随着分辨率的改变
?php wp_list_cats(sort_column=nameoptioncount=1feed=RSS); ?
在Web应用中有很多数据、图表的表现方式,尤其在一些数据统计应

广告
© 2008 The Czz5 Company. All Rights Reserved. 关于我们 - 联系我们 - 广告业务 - 网站地图 - 版权声明 - 友情连接 - 网站投稿 - 致信编辑