当前位置 > 首页 > IE9\IE8

JQuery(js)改变元素背景不起作用(IE8下诡异问题)

2012-8-20 18:25:00来源:IE9\IE8

用JQ改变背景不起作用,用鼠标点几下偶尔又行了,只在IE8.0.7601.17514版本下出现的问题,经多次测试初步确定是Alpha(Opacity=80)导致的,但搞不懂为什么会有这种怪问题,请用IE8测试一下,就会发现很奇怪,代码是没有问题的。
我想知道原因和解决方法,请高手指导,我的代码如下
<style type="text/css">
        ul, li
        {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            border: solid 1px red;
            color: blue;
        }
    </style>
    <script type="text/javascript">
        function test() {
            $("#i li").css("background-color", "red");
        }
    </script>
    <div style="height:200px;">
        <div style="position: relative;">
            <ul id="i" style="filter: Alpha(Opacity=80); opacity: 0.8; color: Red; width: 200px;
                height: 200px; border: solid 1px red; position: absolute;">
                <li>AAAAAAA</li>
                <li>AAAAAAA</li>
            </ul>
        </div>
    </div>
    <div>
        <input type="button" id="bb" value="test" onclick="test();" />
    </div>