让IE8以IE7的渲染模式来渲染CSS

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2009-3-8 
极少时候,需要用到IE8 CSS hack
但是网络搜索到的都是标题党,所提供的并不是真正的IE8 CSS hack
难道IE8没有专有的识别字符?

答案我也不知道,未发现。
但是可以通过另外一种途径,使你的网页能像IE7那样显示。
虽然我明白,IE8比IE7进步很多,网页标准的支持也更大
渲染CSS上与Firefox非常接近了,在IE8上所见与Firefox几乎无异(极少差异,但却存在)。
但是因为IE这个家族的其他两位重要成员IE6、IE7还是非常多人在使用,特别是IE7。
目前截至2009年05月为止,IE7占有率为44.51%,IE6占有率为17.52%,IE8为3.99%
IE6、IE7是网页设计师们重点的网页测试对象(这里所说的网页测试,是在浏览器中CSS布局的定位是否精确)。
但是我们也得考虑IE8,IE8是的成熟是未来几年升级的对象,因该会有部分用户从IE6直接升级到IE8。
因此我们一定要考虑IE8,把它纳入网页测试对象。

以上是我针对性的分析,言归正传。

微软IE设计团队在设计IE8的时候就为IE8浏览增加了兼容模式、IE7浏览模式。
因此我们用微软提供的下代码可以在IE8浏览器中使用IE7的渲染模式来渲染CSS
<meta http-equiv="x-ua-compatible" content="ie=7" />

这是一个“思想”倒退的办法,但是能暂时解决在IE8中遇到的问题。

其实很少需要用到以上方法,前面说过,IE8上所见与Firefox几乎无异(极少差异,但却存在)。
这个“几乎”就让我使用了一次“让IE8以IE7的渲染模式来渲染CSS”
Tags: ,

使IE6中DIV(或其他容器)设置高度(height)为100%

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2009-3-4 
当你在制作网页中用CSS定义一个DIV(或者其他容器,如table等...)的height:100%
在IE6中此定义无法达到预期纵向(y)100%显示效果时
以下方法可以帮你解决

首先请用CSS定义
body{height:100%}

此定义是为了让本身body就具有height为100%

然后
再定义你想让其达到高100%纵向满屏的DIV(或者其他容器)的父DIV(或者其他容器)
其高度亦为height:100%

注意加重字体所表达的意思

即:
你要定义一个DIV的高100%纵向满屏
那么请先将其上级的DIV的高定义为100%
上级有多少个DIV,你都要定义它们的高为100%
这样才能达到包含在里面的DIV的高为浏览器高100%的纵向满屏效果。

Tags: , , , ,
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]