关于IE5-8下 filter:alpha(opacity:30)的问题

<!DOCTYPE html>


<head>

    <meta charset="utf-8">

    <title>制作简单的动画效果</title>

    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

    <link href="style.css" rel="stylesheet" type="text/css" />

    <style>

    span {

        float: left;

        border: solid 1px #ccc;

        margin: 0px 8px;

        background-color: Blue;

        color: White;

        vertical-align: middle

    }

    </style>

</head>


<body>

    <h3>制作简单的动画效果</h3>

    <span></span>

    <div id="tip"></div>

    <script type="text/javascript">

    $(function() {

        $("span").animate({

                width: "80px",

                height: "80px",

                filter: "alpha(opacity:30)",  /*如果把这一行放到 opacity:"0.3"  的后面   IE5-8  就不会有透明的效果了  这是什么原因?        如果在css里面写  这两个顺序是没有任何问题的   所以我觉得很奇怪   求大神  不懂勿扰!!!   在线等*/

                opacity:"0.3"

            },

            3000,

            function() {

                $("#tip").html("执行完成!");

            });

    });

    </script>

</body>


</html>


qq_甘蔗_0
浏览 1684回答 1
1回答

慕郎_莲华

jquery 的animate 应该有处理兼容~~所以只需要 animate({}opacity:。3)就可以了吧
打开App,查看更多内容
随时随地看视频慕课网APP