杨思为 | 我们一家

对Firefox及IE7应用不同的CSS规则

在用DIV+CSS进行前台布局最郁闷的事情就是各个浏览器对标准支持的不一样,特别是IE6,经常都要对IE浏览器使用一些CSS hack。今天在解决设备处网站在网上看到了这样一种非常好用的方法,以下是实现代码:

#content {
height: 15px; /* 应用到所有浏览器 */
#height: 20px; /* 应用到IE浏览器中,IE6、IE7。IE8没测试 */
_height: 25px; /* 应用到IE6及IE6以下的浏览器 */
}

通过以上代码使得“#content”在IE外的浏览器,例如Firefox浏览器拥有15px的高度;IE6和IE7浏览器具有20px;而IE6及以下版本的IE浏览器具有25px的高度。

以上方法最大的好处我个人认为是可以将CSS规则在同一个地方定义,维护方便:)

作者: 分类:WEB应用 标签:, , , , , 时间:2010年4月22日

当前位置:首页>开发研究>WEB应用>

上一篇:

下一篇:

  1. 九月 20th, 2011 20:47 | #1

    IE7的应该是*height吧。最近我也在布局的过程中发现有好多标签都是这样写。不过对搜狗浏览器来讲还是有些区别。

  1. 没有任何引用。

热门文章