IE6 bug: About with a img in a block hyperlink

IE6 bug: while you add a <img /> in <a></a>(within <li></li>) which has been set to block element, that you will find a little blank in the bottom of your <li></li>, so the next <li> will misplacement. Here is an example:

   <ul id="innerMenu">
     <li><a  href="/activ/01/01/default.asp?id=1"><img src="/images/activity/transparentInner.gif" border="0" /></a></li>
     <li><a  href="/activ/01/02/default.asp?id=1"></a></li>
     <li><a  href="/activ/01/03/default.asp?id=1"></a></li>
     <li><a  href="/activ/01/04/default.asp?id=1"></a></li>
   </ul>

IE之Opacity

今天在做项目时，发现了一个很诡异的问题的，就是IE的style.opacity的值的问题。

情节：要做个相册的Javascript，由于要实现图片切换的透明变换效果，因为像Firefox等不支持filter（但是可读？同样IE如果通过改变style.opacity来实现透明也行不能，但IE中它也是可读的？啊，明白了，其实根本就没有opacity这个属性的，所以一般情况下，直接读取ele.style.opacity时，会提示undefined，但为什么这里不会出现提示，而且顺利通过呢？其实在读取这个属性之前，已经设置了ele.style.opacity=0，这里就相当于定义了个新的属性为opacity=0），为了兼容性，所以就直接通过if判断，如果透明度不等于1或者100，则透明度加0.1或10，代码如下：