帖子标记 ‘IE6’

罪恶的IE6不支持max-height属性,不过我们可以通过jQuery来解决IE6不支持max- height,的代码如下:

$(".entry").each(function(){
    if($(this)[0].scrollHeight>500)
     $(this).({"height":"500px"});
});

原理: 在IE6中可以通过设定height来达到max-height的 效果. 循环所有要加max-height属性的DOM元素,判断他的scrollHeight大于你要设置的最大高度 如果超过了就通过设置height为最大高度,我这里使用的是[0],获取的是的DOM对象,而不是jQuery对象,详细说明见:《jQuery选择器使用详解》
(全文 …)

6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。 例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的 空白,令人极度不爽。虽然可以通过 sprites的方式解决问题的,但效果差强人意。

示例:
a{ background:url(normal.gif); } a:hover { background:url(hover.gif); }
如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果,在firefox下是没有什么问题的,第一次加载之后,浏览器都会从缓存读取背景图片.
(全文 …)

盒子模型(Box Model)是 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 ,一种来自 W3C 标准浏览器。

盒子模型

下图就是一个典型的盒子模型示意图

IE6 很邪恶,但 IE6 的盒子模型更合理

在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模型结构在所有主流浏览器都是一致的。通过盒子模型,我们可以为我们的内容设置边界,留白以及边距,盒子模型最典型的应用是这样:我们有一段内 容,可以为这段内容设置一个边框,为了让内容不至于紧挨着边框,可以设置 padding ,为了让这个盒子不至于和别的盒子靠得太紧,可以设置 margin。
(全文 …)

png透明针对IE6一直 是件挺麻烦的事情,使用的方法也是各有不同,大多的原理是用IE的滤镜来解决的。

语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
false : 滤镜被禁止。
sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。
image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。scale : 缩放图片以适应对象的尺寸边界。
src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。

现在一般在使用的方法有一下几种:
(全文 …)

10条兼容 IE6 的修复

作者: seasun

我们知道IE会在一段时间内仍然流行,但是我们仍然可以支持浏览器并且避免hacks和条件css吗?这里有10条使用有效的html和css代码修复可以兼容IE6常见的问题

1、使用一个声明
你必须经常在html网页头部放置一个声明,推荐使用严格的标准。例如

或者xhtml使用

最后你需要是IE6进入兼容模式,这已经足够兼容的了。

2、使用position: relative
设置一个标签position: relative可以解决很多问题,特别是曾经有过看不见的经历或者奇怪布局的框架。明显的,你需要小心,绝对位置放置的子元素是否都参照找到新位置。
(全文 …)

COMSHARP CMS写道:很多人以为IE6已经死了,也许只有设计师这样认为,现实世界中IE6的使用者大有人在,不过不会维持很久,8已经推出,微软对IE8的推广不遗余力,同时,不少人从IE转到别的浏览器,总有一天,IE6会被弃之如敝履,没有人愿意再提起,那时,有10件事会大快人心。

(全文 …)