日期:2014-05-16  浏览次数:20371 次

【求助】JQuery设置div的透明度为什么在IE10中一直无效
本帖最后由 librammm 于 2013-05-29 15:18:51 编辑
JQuery设置div的透明度为什么在IE10中一直无效,其实浏览器,IE版本都可以。

输出div的透明度一直是1.

<body>
    <ul>
        <li><a href="javascript:;" onclick="setOpacity()">测试IE10</a></li>
    </ul>
    <div class="showdiv"></div>
  <script type="text/javascript">
        function setOpacity() {
            $('.showdiv').css({
                width: $(document).width(),
                height: $(document).height(),
                opacity: .7,
            });
         alert($('.showdiv').css("opacity"));
        }
    </script>
</body>
IE10 jQuery 浏览器 透明度

------解决方案--------------------
引用:
Quote: 引用:

 function setOpacity() {
            $('.showdiv').css({
                width: $(document).width(),
                height: $(document).height(),
                opacity: .7,
            });
         alert($('.showdiv').css("opacity"));
        }

红色那个逗号看到没有,IE8以下版本会报错的。目测你虽然用的是IE10,但是浏览器模式是IE8以下。


这个逗号去掉了之后IE10还是输出的1,IE8是可以的。