boral_li的专栏

    背景图片缓存bug是IE6众多常见bug之一，在CSS中定义DOM元素的背景图片，当元素处于静止状态时，此bug不易被发现，但当使用事件触发脚本动态改变元素的背景图片时，背景图片会出现闪烁的现象，如：a{ background:url(images/normal.gif); } a:hover { background:url(images/hover.gif); }当鼠标滑过

     在web2.0的推动下，各种应用都向着互联网发展，并由浏览器来承载。依靠Windows系统的天然支持，IE6这个旧时代的破浏览器在中断开发几年之后，任然占据着浏览器市场的半壁江山，在做web应用时，IE6中的bug与陷阱是数不胜数、防不胜防，加之标准兼容性极差，在IE6下作UI开发就如履薄冰，随时都可能掉进冰窟窿里。所幸的是IE7、IE8开始逐步取代IE6，Firefox与Google

     在页面设计时，经常会使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以

    PNG(Portable Network Graphics)格式图片可以表现更为绚丽多彩的颜色，常见的一些具有矢量效果的图片、图标都采用png格式，但是具有透明背景的png格式图片在IE6中却不是背景透明的，透明背景部分会显示出#DBEAED的淡灰色，表现效果很糟糕，为了使用透明背景图片只有采用gif格式了，但是gif格式会出现明显的锯齿效果，所以只有设法修复IE6的这个问题。解决的办法就

     设计页面的时候，由于各种浏览器版本的兼容性问题，需要为不同的浏览器设计不同的CSS或Javascript，此时就可以用IE Hack来自动识别不同的浏览器并加载不同的设置！    IE Hack是一段HTML注释代码，但是IE可以识别这些注释，而其他标准浏览器却不识别，会自动跳过这些注释，以此来识别不同的浏览器。其格式为………….其中express为版本测试表达式，注释内部是

  不同的浏览器对CSS Hack的识别各异，可以据此来为不同的浏览器设定不同的CSS属性，解决很多兼容性问题！    目前的主要的浏览器版本一般为IE6、IE7、IE8、Firefox，因此主要是对这些浏览器的Hack     IE7与Firefox都识别!important，因此可以以此来排除IE6 (说明：!important它指定当前样式的优先级为高，后边再进行定义的相同样式是不会将

     使用IE的behavior即可！      使用方法是定义样式：body { behavior:url(”csshover.htc”); }      csshover.htc的代码http://www.xs4all.nl/~peterned/htc/csshover.htc 这个代码不但支持:hover 而且还支持 :active 另外支持上述样式之外还增加了对:focus