当前位置：首页 → 问答吧 → 有jQuery的高手吗？一个IE6的兼容，帮忙解决，在线等！

有jQuery的高手吗？一个IE6的兼容，帮忙解决，在线等！

时间：2010-05-31

来源：互联网

我遇到了一个jQuery的兼容问题，在IE6下不兼容，其它浏览器都可以的。
我自己搞不定，麻烦哪位高手能为我解决一下，急，在线等，不胜感激！

东西在附件里，谢谢！

[ 本帖最后由 vkuj2526 于 2010-5-31 10:04 编辑 ]

附件

新建文件夹.rar (86.97 KB)

2010-5-31 10:03, 下载次数: 18

作者: vkuj2526 发布时间: 2010-05-31

类似于一个滑动门的效果，除了IE6，其它浏览器均可浏览

作者: vkuj2526 发布时间: 2010-05-31

有高手能为我解决一下么？

作者: vkuj2526 发布时间: 2010-05-31

其实这只是一个png在ie6下不透明造成的，只要修改下css样式即可

复制内容到剪贴板

代码:

a.link {
    width: 238px;
    height: 100px;
    display: block;
    background: url(../images/window3.png) no-repeat bottom center;
    text-indent: -9999px;
    _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/window3.png" ,sizingMethod="crop");
}

[ 本帖最后由 wxjbull 于 2010-5-31 11:27 编辑 ]

作者: wxjbull 发布时间: 2010-05-31

随便借宝地说下个问题，我是觉得楼主写得很复杂，然后稍微改了一下。
<script type="text/javascript">
   $(document).ready(function() {
      //Animate the shutter
      $(".link").hover(function(){
            $(this).parent().animate({backgroundPosition: '-300px'}, 500 );
         }, function() {
            $(this).parent().animate({backgroundPosition: '0px'}, 500 );
      });
   });
</script>
去掉了他的那个js文件。。。我发现我写二个参数的时候就没有动画效果了。{backgroundPosition: '0 -300px'}，这是为什么呢

作者: wxjbull 发布时间: 2010-05-31

IE6png原因
可在a.link 里加上
background-image: none;
filter