屏蔽div中的所有事件操作

zhangyunyue 2013-07-08 11:25:45
目前需要做一个监控的东西,使用div做浮层,设置为透明的,想实现只可通过div查看内容,但不能操作div中的所有操作项.问题是如何屏蔽div的操作事件?
...全文
2334 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
Willie_Hamlin 2016-01-29
  • 打赏
  • 举报
回复
请问你实现了这种效果吗
zhangyunyue 2013-07-26
  • 打赏
  • 举报
回复
无法实现透明的效果,最终是在iframe里面装了个好看的图片,让鼠标浮在图层上了
未知数 2013-07-09
  • 打赏
  • 举报
回复
遮住不就行了,不能操作只能看 用iframe遮罩时,设置透明度属性opacity:0.01试试,不要去设置背景色
zhangyunyue 2013-07-09
  • 打赏
  • 举报
回复
设置了iframe的透明属性transparent后,就不能实现object在最底层了
zhangyunyue 2013-07-09
  • 打赏
  • 举报
回复
引用 3 楼 zhangyunyue 的回复:
[quote=引用 1 楼 xiaofanku 的回复:] jQuery中可以用: $("元素").unbind()
我的div里面是object标签[/quote] 本人通过查资料设置了object透明属性,使用iframe覆盖object,div覆盖iframe,但是iframe把object完全遮住了不能透明显示object中的内容
zhangyunyue 2013-07-09
  • 打赏
  • 举报
回复


代码如下:


<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>
  • 打赏
  • 举报
回复
未知数 2013-07-09
  • 打赏
  • 举报
回复
引用 11 楼 zhangyunyue 的回复:
[quote=引用 9 楼 wzs_xyz 的回复:] 是设置iframe的透明度,不是设置object的
人被灰色的div图层覆盖,但是可以看到后面的flash内容[/quote] 是啊,可以实现啊,div里面渲染一个iframe,设置好透明度,就兼容了
zhangyunyue 2013-07-09
  • 打赏
  • 举报
回复
引用 9 楼 wzs_xyz 的回复:
是设置iframe的透明度,不是设置object的
人被灰色的div图层覆盖,但是可以看到后面的flash内容
zhangyunyue 2013-07-09
  • 打赏
  • 举报
回复
我要实现的是在object上面添加一个透明层,可以通过这个透明层查看object中的flash内容,但是不能操作


设置了iframe透明属性后,iframe背景变成白色挡住了object的内容,这个是关键
相当于要实现类似游戏中如下图所示的效果:

未知数 2013-07-09
  • 打赏
  • 举报
回复
是设置iframe的透明度,不是设置object的
未知数 2013-07-09
  • 打赏
  • 举报
回复
引用 7 楼 zhangyunyue 的回复:
Thanks wzs_xyz! 问题是遮住了全部,无法看到object的内容了,透明属性opacity设置了不起作用
可以的... filter:alpha(opacity=0); opacity:0 这两个style都加上,应该可以兼容
zhangyunyue 2013-07-09
  • 打赏
  • 举报
回复
Thanks wzs_xyz! 问题是遮住了全部,无法看到object的内容了,透明属性opacity设置了不起作用
KK3K2005 2013-07-08
  • 打赏
  • 举报
回复
样式 pointer-events: none; 不过只有html5 支持
街头小贩 2013-07-08
  • 打赏
  • 举报
回复
jQuery中可以用: $("元素").unbind()
zhangyunyue 2013-07-08
  • 打赏
  • 举报
回复
引用 1 楼 xiaofanku 的回复:
jQuery中可以用: $("元素").unbind()
我的div里面是object标签

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧