屏蔽div中的所有事件操作

目前需要做一个监控的东西,使用div做浮层,设置为透明的,想实现只可通过div查看内容,但不能操作div中的所有操作项.问题是如何屏蔽div的操作事件?屏蔽div中的所有事件操作

解决方案 »

  1.   

    jQuery中可以用:$("元素").unbind()
      

  2.   

    样式
    pointer-events: none;不过只有html5 支持
      

  3.   


    我的div里面是object标签本人通过查资料设置了object透明属性,使用iframe覆盖object,div覆盖iframe,但是iframe把object完全遮住了不能透明显示object中的内容
      

  4.   

    设置了iframe的透明属性transparent后,就不能实现object在最底层了
      

  5.   

    遮住不就行了，不能操作只能看
    用iframe遮罩时，设置透明度属性opacity:0.01试试，不要去设置背景色
      

  6.   

    Thanks wzs_xyz!问题是遮住了全部,无法看到object的内容了,透明属性opacity设置了不起作用
      

  7.   

    可以的...filter:alpha(opacity=0);
    opacity:0这两个style都加上，应该可以兼容
      

  8.   

    是设置iframe的透明度，不是设置object的
      

  9.   

    我要实现的是在object上面添加一个透明层,可以通过这个透明层查看object中的flash内容,但是不能操作
    设置了iframe透明属性后,iframe背景变成白色挡住了object的内容,这个是关键
    相当于要实现类似游戏中如下图所示的效果:
      

  10.   


    人被灰色的div图层覆盖,但是可以看到后面的flash内容
      

  11.   


    人被灰色的div图层覆盖,但是可以看到后面的flash内容
    是啊，可以实现啊，div里面渲染一个iframe，设置好透明度，就兼容了
      

  12.   

    代码如下:
    <body>
     <div class="dis">
        <iframe class="fram" src="javascript:false;">
         </iframe>
    </div><div style="cursor: hand;" class="d1" onmouseover="showCurosr(FALSE);">
    <object  id="RdpClient"  
        classid="CLSID:7584c670-2274-4efb-b00b-d6aaba6d3850"
        codebase="msrdp.cab#version=5,2,3790,1830"
        width="800"  
        height="600"  
        onreadystatechange="OnReadyStateChange()">  
        
        <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    </object>
    </div>
    </body><style type="text/css">
    /*<![CDATA[*/
    dis {
     position:absolute;
     top:0px;
     left:0px;
     width:900px;
     height:700px;
     background:red;
     filter:alpha(opacity=20);
     z-index:10000;
     }
    object {
     width:800px;
     height:600px;
     }
     
    .fram{
        width:100%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        -moz-opacity:0.5;
       z-index:-1;
       height:100%; 
      filter:alpha(opacity=0.01);
    }
    /*]]>*/
    </style>
      

  13.   

    无法实现透明的效果,最终是在iframe里面装了个好看的图片,让鼠标浮在图层上了