指针事件和不透明度在 IE10 中不起作用 [重复]

Question

这是 HTML 代码：

<div id="opac">

<ul id="nav" style="font-size:75%" >


    <li><a  href="javascript:void(0)">Menu</a>
        <ul>
            <li><a  href="javascript:void(0)" id="BGSRU01">BGSRU01</a></li>
            <li><a  href="javascript:void(0)" id="BGSRU02">BGSRU02</a></li>
            <li><a  href="javascript:void(0)" id="BMSRU06">BMSRU06</a></li> 
        </ul>
    </li>

</ul>

</div>

<div id="display"></div>

这是调用css属性的Javscript脚本代码：

<script>

$(document).ready(function(){

    function click_function(){

        var ajax_load = "<img id='loading' src='loader.gif' alt='loading...' />";

          $("#display").html(ajax_load)

        $("#opac").css({"opacity":"0.5"});

          $("li").css({"pointer-events":"none"});

         $("ul").css({"pointer-events":"none"});
 }

});

</script>

单击按钮后，指示器图像将加载，菜单 ul 和子菜单 li 将保持 'opacity'-'0.5' 使其变得模糊和 'pointer-events'为 'none' 以便用户无法执行任何操作，这在 chrome 和 mozilla 中有效，但在 IE10 中无效工作

用户可以在 IE10 中对菜单和子菜单执行操作，但在 chrome 和 mozilla 中可以正常工作。

请建议我如何在 IE10 中工作

Answer 1

IE10 不支持指针事件