Tagged

IE6

A collection of 8 posts

IE

10月26日,让我们一起黑了ie

老外好无聊,又整了一个网站,来推动大家消灭旧版本的IE浏览器,不过与以往不同的是,这次行动建议在10月26日那天统一进行,只上线一天。这有点儿像之前的CSS 裸奔日活动。 其实现在笼统的说IE好还是坏是很不客观的,IE的最新版本一直还算比较给力的,所以IE的最大问题是IE6做的太好了。 我们一直在推动IE版本的新陈代谢,微软自己也在推动,不过似乎效果并不好——前端观察甚至用”买不到火车票”来诅咒IE6用户,所以现在已经很少有人用IE6访问前端观察了。。。xd 这种中国特色的奇葩现象,通过这两年和很多人聊,好像也不难解释——用户根本就不知道什么叫浏览器,甚至,很多很多的人,没有hao123就不知道怎么上网。 这是因为中国人的学习能力太弱还是上学时老师教的太搓了? 好吧,不吐槽了,我知道大家毕业后基本上都不看书学习的。。。 回到正题 http://godarkforie.org/网站主导了这次活动,建议通过提供一个蒙板图片来让用户升级浏览器,表现就是黑色的IE的LOGO。 嗯,好吧,老外的目的是黑掉IE9以下的IE浏览器版本——我们能消灭IE6就感谢郭嘉了。。。 具体做法可以用条件注释,或者js判断,没什么技术难度,大家自由发挥。。。 另外,WebRebuild也有一个消灭IE6的方案。

css

视觉手册:CSS在IE6,IE7和IE8中的兼容性

嗯,是的,这个手册与我们的上一篇文章《CSS在Internet Explorer 6, 7 和8中的差别》关系很紧密,简直就是上一篇文章的精简版。如果你觉得上一篇文章有些冗长,可以看一下这个视觉手册,而且这个手册包含了更多的内容,只是,没有相关的描述。 多谢TurorialFeed的辛苦工作,这个手册可以清晰方便的看出IE6/IE7/IE8三个版本对CSS支持的不同。 预览: 下载: GIF版本:第一页 | 第二页 PDF版本:第一页 | 第二页

css

CSS在Internet Explorer 6, 7 和8中的差别

中文原文:[CSS在Internet Explorer 6, 7 和8中的差别](http://www.qianduan.net/css-differences-in-internet-explorer-6-7-and-8.html) 译自:[CSS Differences in Internet Explorer 6, 7 and 8](http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/) 版权所有,转载请注明出处,多谢!- - - - - - 关于浏览器的最离奇的统计结果之一就是**Internet Explorer** 版本6,7和8共存。截至本文,[Internet Explorer各个版本总共占据了大约65%的市场份额](http://marketshare.

css

修正IE6不支持position:fixed的bug

众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候,遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友,一起BS我……但是对于大项目或商业网站,如果有用到这个属性的时候,是不可能直接无视的。 你是如何让position:fixed在IE6中工作的? 本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式,因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句。 如何解决“振动”的问题? 显然IE有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候,它将重置所有内容并重画页面,这个时候它就会重新处理css表达式。这会引起一个丑陋的“振动”bug,在此处固定位置的元素需要调整以跟上你的(页面的)滚动,于是就会“跳动”。 解决此问题的技巧就是使用background-attachment:fixed为body或html元素添加一个background-image。这就会强制页面在重画之前先处理CSS。因为是在重画之前处理CSS,它也就会同样在重画之前首先处理你的CSS表达式。这将让你实现完美的平滑的固定位置元素! 这个方案并不是我提供的。我是在网上的某个地方读到这些的。如果你知道是谁原创了这个方法,请告诉前端观察。 我发现的另外一个小技巧是,你根本无需一个真实的图片!你可以使用一个about:blank替代一个spacer.gif图片,而且它工作的同样出色。

IE6

[Twitter]IE6必死

国外某人发起的一项Twitter签名活动,通过在自己的Twitter头像上添加一个小的“IE6”必死的小图标来推动IE6的死亡进程。 尽管这对国内没有太大的影响,但是,只要是能够推动IE消亡的事情,我想,我们还是需要多多支持的。 目前已经有将近4000人参加了这个活动。事实上,昨天,“IE6 must die”已经成为Twitter最热门关键词之一。 如果你也想参加,首先你要有个Twitter帐号,并且熟练掌握翻墙术。 点击这个链接,参加此活动。 注:在该页面只需用你的Twitter帐号登录一下,就可以自动的在你的Twitter头像上添加一个小图标。 Follow 前端观察

bug

修正IE6的bug的10个技巧

我们知道,IE6可能过不了多久就会消失了,但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗?这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。 1. 使用DOCTYPE 你应该在一直每个HTML文件的头部都使用DOCTYPE,并且我们推荐使用strict 版本,比如: 或者,对于XHTML使用: 你需要处理的最棘手的事情就是IE6进入quirks模式——它已经够诡异了。 2. 设置position: relative 将一个元素设置为”position:relative”可以解决很多问题,特别是你曾经遇到隐藏的或对齐诡异的盒子。显然,你需要非常小心点儿,因为绝对定位的子节点可能会因此重新定位。 3. 将浮动元素设置为display:inline 具有margin属性的浮动元素可能引起著名的IE6双倍margin问题,比如,你为一个元素指定margin-left为5px,但是IE6中实际上却表现为10px。”display:inline”将解决这个问题,尽管这不是必须的,你的CSS仍然是有效的。 4. 将一个元素设置为hasLayout 很多IE6(和IE7)的渲染问题可以通过设置元素的hasLayout来解决。 这是一个IE内部属性(IE隐藏的,更多关于haslayout的资料,可以参阅这里),用来确定相对于其他元素,内容是如何布局和定位的。如果你需要设置一个inline元素(比如一个链接)

IE6

IE6两年内还死不了——小议《别了,亲爱的IE6》

其实我之前在国外某站有看到关于dearie6.com的推荐,但并没有引起我太大的兴趣,不想,35公里同志将其整理了过来,在国内引起了渲染大波。 正好,我前天写了篇《纠结,IE6两年内还死不了……》来分析IE6的问题。在此,我总结一下与大家讨论一下这个问题。 其实是否淘汰一个浏览器,设计师说了不算,开发人员说了也不算,要用户说了才能算。很多情况下,你说别了IE6,就相当于与用户告别了…… 尽管在国外,IE6的市场占有率已经将到20%以下了,但是不可否认的是,在国内,它的占有率还在60%以上! 根据中国的国情,我还是认为,IE6,在中国,两年内还是使用率第一或第二的浏览器! 1、用户习惯 从IE4到IE5再到5.5,再到后来的6,这几个版本的界面基本是一致的,对于普通用户来说,用起来没什么区别!在使用习惯不会受到影响的情况下,用户还是愿意主动或被动的更新浏览器的。 但是IE7就不一样了,IE7的界面相对于之前的版本变化太大了,相信很多用户第一次使用的时候都找不到北……IE7中的工具栏完全颠覆了IE6。而且要命的是,当不小心打开多个标签页时,用户习惯性的去点击关闭按钮后,突然发现打开的页面全没了—

IE6

5个简单的解决IE6透明背景问题的方法

当您按照最新流行的风格用Photoshop设计了一个完美的网站,其中一半的背景使用一个漂亮的50%不透明效果。这个时候唯一的问题就是应对古老的IE6浏览器,而且纳闷它是如何决定显示讨厌的灰色背景的。您尝试在网上搜索解决办法,却发现有几十个选择……那么你如何知道哪些方法是最好的呢? 在本文中,我将向你展示5种简单易用的解决这个问题的方法。 Unit PNG Fix 从哪里下载: 点击这里 不足? : 它不能正确平铺透明背景图片。相反,它会将你的图片拉伸。这不是一个大问题,但仍需谨慎使用。除此之外,这种方法表现的都很好。我发现我自己使用最多的就是这种方法。 DD_BelatedPNG Fix 从哪里下载? : 点击这里 不足? :没什么可说的。每种方法都有它的不足,但是这种新的袖中反复看起来是目前最完美的。 IE7.js Fix 从哪里下载? : 点击这里 不足? : 你会发现这个文件比其他的都要大。这是因为修正图片透明问题只是它要解决的问题之一!它还将IE6的许多其他缺陷修正到了现代标准。当你选择这个方法的时候注意这一点。如果你只想修正透明问题,它未必是最佳选择。 Twin Helix Fix (来自于Angus Turnbull)