DIV+CSS解决IE6,IE7,IE8,FF兼容问题
那我来说说吧,做了差不多一年的DIV+CSS,也积累了不少解决兼容问题的方法,我这里只说现在主流的几个,(IE6,IE7,IE8,FF)其它的没去研究过
1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了
<p><iframe height="24" marginheight="0" src="ok.htm" frameborder="0" width="520" allowtransparency="allowtransparency" marginwidth="0" scrolling="no"></iframe></p>
在<head>里加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> IE8就以IE7的标准解释了。
PNG图片可以表现更为绚丽多彩的颜色,常见的一些具有矢量效果的图片、图标都采用png格式,但是具有透明背景的png格式图片在IE6中却不是背景透明的,透明背景部分会显示出#DBEAED的淡灰色,表现效果很糟糕,为了使用透明背景图片只有采用gif格式了,但是gif格式会出现明显的锯齿效果,所以只有设法修复IE6的这个问题。解决的办法就是使用IE的Microsoft.AlphaImageLoader滤镜。
图片横向无缝滚动
在网页布局时常会用到 DIV 来显示一些边角背景,需要设置较小的高度,默认情况下,IE6 中设置 DIV 较小高度会不起作用,在 IE7、FF 等浏览器不存在这个问题。
<div style="height: 5px; font: 0px Arial; line-height:0;"></div>
或者
<div style="height: 5px; overflow: hidden;"></div>
我们希望是强制出现滚动条,但有时候我们并不希望出现滚动条,那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤: 方法一:设置CSS属性overflow为hidden。 <body style="overflow:hidden"> 方法二:设置body元素的scroll属性为no。