表达方式：+property:value 测试环境：IE5，IE6 ，IE7，FF1.5，FF2.0，Opera 9，Safari 2 测试结果：IE5，IE6 ，IE7浏览器识别；FF2.0，Opera 9，Safari 2浏览器不识别。 结论：我们可以用”+”来实现只有 IE 识别的 CSS Hack。 比如我们要实现在 IE 中 480px 的宽度，而在其他浏览器 500px 的宽度，就可以通过 “+” Hack 来完成，如下： #hack { width:500px; +width:480px; /*only IE*/ } 这应该归结于IE对一些特殊字符的识别，大家还可以测试其他的特殊字符如：” >”,”-”,”@”……或许有更多的收获。 PS：可能有朋友想到 “_” Hack ，但它们是由区别的，因为IE7中是不识别“_”的。 扩展阅读：《Internet Explorer 7 CSS hacks》
... 7 条评论 »:hover 是我们在 CSS 设计中最常运用的伪类之一，许多绚丽效果的实现离不开伪类 :hover，比如我们常见的纯 CSS 菜单、相册效果等等。 或许用了这么久的伪类 :hover，还有部分朋友还不完全了解 hover 的规则： 在 CSS1 中此伪类仅可用于 a 对象。且对于无 href 属性（特性）的 a 对象，此伪类不发生作用。 在 CSS2 中此伪类可以应用于任何对象。 但目前 IE5.5、IE6 仅支持 CSS1 中的 :hover，不过新出的 IE7 是支持 CSS2 中的 :hover。 当我们用伪类 :hover 做某些特殊效果时，依据 CSS2 很好完成，但为了现在占据主流浏览器的 IE6 ，我们又不得不做很多工作，比如给添加a元素等来模拟完成最终的效果。 或许这样讲太空洞，请看下面一个常见的触发显示的例子（仅选择IE6为例讲解）。 我们先用 CSS2 的写法来实现： XHTML部分： <ul> <li>鼠标移过来触发我吧！<a h... 13 条评论 »
PNG 图片在网站设计中是不可或缺的部分，最大的特点应该在于 PNG 可以无损压缩，而且还可以设置透明，对于增强网站的图片色彩效果有重要的作用。 但为什么 PNG 图片却没有 GIF 和 JPG 图片的使用来得广泛呢，这个祸因应归属于微软的 IE 浏览器（Firefox 和 Opera 对 PNG 支持的比较好，而现在浏览器的主流IE6 却无法很好的支持）。不过微软在最近也开始改过自新了，新出的的 IE7 可以很好的支持 PNG，可以想象在未来的网络世界，PNG 图片的重要性将会更加凸显。 但在大家还在绝大多数的使用 IE6 的时候，我们又怎样在 IE6 的世界去完美使用 PNG 图片呢（PNG 图片的时候最重要的地方在于 PNG 透明背景图片的运用）。我们应该庆幸我们是幸福的！IE5.5+ 的 AlphaImageLoader 滤镜为通向 png 提供了一个道路，如果他载入的是 PNG(Portable Network Graphics) 格式，则 0%-100% ... 8 条评论 »
方法一：改变 html 的排版 例如： <div> <img src=”http://www.google.com/intl/en_ALL/images/logo.gif” alt=”google” /> </div> 改为： <div><img src=”http://www.google.com/intl/en_ALL/images/logo.gif” alt=”google” /></div> 方法二：设置 img 为 display:block 方法三：设置 vertical-align 属性为 top | bottom |middle |text-bottom
... 4 条评论 »下划线“_”在 CSS2.1 规范中是被承认的 CSS 标识。 浏览器会忽略未知的 CSS 属性。 MSIE5+（Windows）会忽略 CSS 属性名前的 “_”。 因此，这个 CSS 的分析是，例如： _color:red。首页， 正确的，对于 CSS2.1 规范来说是被允许的（即使软件验证，只支持 CSS2.0 老版本，说它是一个 Bug ：他们是错误的，但它是正确的）。其次， 被任何浏览器忽略，除了 IE 。最后， 当颜色被处理：在 WinIE 中是红色。 如上，这就是所说的 IE 的 Bug ，特征是以简单明了的方式建立仅对 WinIE 有效的 CSS 属性（MacIE 没有这样的 Bug 和特征）。这样很容易调整，例如被错误执行的位置：在 WinIE 中被调整（见例子）。 #menu { position: fixed; _position: absolute; … } 同样的方法可以用来调整 min-height 的属性在 WinIE [...]
... 0 条评论»“*+html”是 css 的中的选择符，被 IE7 与 IE5.01 所使用，而区分 IE7 与 IE5.01 又有很简单的方法,便是 important，这样把 important 写在前面，就形成了单独针对 IE7 hack 的方法了。 *+html div.IE7 { display:block !important; display:none; } 还有另外一个方法《The IE7 CSS Hack》，不过不推荐使用。
... 0 条评论»在蓝色论坛看到这样一篇帖子 《IE中发现新BUG “重影”》，觉得很有意思。于是在想到底是什么原因造成的呢？便做了以下测试： 实验代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <title>多了一只猪</title> </head> <body> <div style=”width:400px”> <div style=”float:left”></div> <!– –> <div style=”float:right;width:400px”>↓这就是多出来的那只猪</div> </div> </body> </html> 1、在 IE、Firefox 中测试，只在 IE 出现文字溢出现象。 说明：注释造成文字溢出是 IE 的 BUG 。 2、去... 7 条评论 »
怿飞，前端工程师，中国 杭州，现就职于 
：
blankzheng@gmail.com 。
Follow 
witter：blankzheng
