在IE6中没有min-height,只能通过height来设定默认的高度。因此要通过hack来实现IE实现min-height,以下是我在页面布局实战中用到的一些方法。
一、利用!important
原理是IE6不支持“!important”,而其它主流浏览器基本都支持。所以得到以下的代码。
#container {
height: auto!important; /* */
min-height: 300px; /*其它非IE浏览器*/
height: 300px; /* IE6浏览器 */
}
二、利用IE特有的“* html”CSS标记
原理是利用只有IE浏览器支持的“* html”选择符来对IE浏览器设定特定的高度,代码如下:
#container {
min-height: 300px; /* 所有支持min-height的浏览器 */
}
/** IE 浏览器min-height**/
/*\*/
* html #container {
height: 300px;
}
/**/
以上两种方式在我实际应用中都可以为IE实现min-height,常用的主要是第二种方式。
作者: 分类:WEB应用 标签: 时间:2009年9月10日
下一篇:数据库第一范式
家庭会客厅