如何让遮罩层悬浮在object标签中

最近使用Flex做了一个图片预览的功能，想要实现当检测所选图片有效性时在整个页面出现一个遮罩层（使用了Jquery的mask插件）以使用户不能再进行其它操作（尤其是提交表单的操作），顺着这个思路把代码写好后测试时发现在其它浏览器中都好用，可是在IE浏览器中就不好用——object标签区域遮罩层不好使，代码如下：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"id="tempPictureUpload" width="150" height="188"codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"><param name="movie" value="<%=basePath %>js/previewPicture/previewPicture.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="allowScriptAccess" value="sameDomain" /><param name="flashVars" value="saveTempPictureURL=<%=basePath %>" /><embed name="tempPictureUpload" src="<%=basePath %>js/previewPicture/previewPicture.swf"quality="high" bgcolor="#869ca7" width="210" height="144" align="middle" play="true" loop="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"flashVars="saveTempPictureURL=<%=basePath %>SaveTempPictureServlet" pluginspage="http://www.adobe.com/go/getflashplayer"></embed>
</object>

通过网络终于找到了解决问题的方法——在object标签中添加 <param name="wmode" value="transparent">即可，修改后的代码如下：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"id="tempPictureUpload" width="150" height="188"codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"><param name="movie" value="<%=basePath %>js/previewPicture/previewPicture.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent"><param name="flashVars" value="saveTempPictureURL=<%=basePath %>" /><embed name="tempPictureUpload" src="<%=basePath %>js/previewPicture/previewPicture.swf"quality="high" bgcolor="#869ca7" width="210" height="144" align="middle" play="true" loop="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"flashVars="saveTempPictureURL=<%=basePath %>SaveTempPictureServlet" pluginspage="http://www.adobe.com/go/getflashplayer"></embed>
</object>

如何让遮罩层悬浮在object标签中相关推荐

微信小程序遮罩层悬浮窗踩坑
总结一下踩坑的几个点: 有遮罩层之后底层的页面还会触发滚动遮罩层只在页面初始的地方有,如果滚动到下方就没有了如图,这样肯定是不符合需求的,先看一下这个不太符合需求的代码 .wxml <!-- ...
html页面添加遮罩层,在浏览器窗口上添加遮罩层的方法
如何在浏览器窗口上添加一个遮罩层背景在web2.0中,页面弹窗是一个很常见的交互方式,这样既可以避免不必要的页面跳转,也可以改进界面的布局和可交互性. 但是,浏览器原生的弹窗函数(alert, c ...
Flash 实验遮罩层
实验提前说明,我们应该掌握的一些知识. 在Flash动画中,遮罩主要有两种用途: 一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见: 另一个作用是用来遮罩住某一元件的一部分 ...
函数内的ajax同步请求导致遮罩层失效、或者导致loading正在加载提示失效问题
功能需求编写点击按钮,弹出loading遮罩层提示正在加载中-,同时查询后台信息,拼接数据后渲染到列表时,为了保障渲染时,列表中的数据已经拼接完成.所以在for循环中使用同步ajax进行请求,在su ...
如何让Div层悬浮在Flash Object对象之上！
在开发中可能会遇到flash遮挡住页面中元素的情况,无论怎么设置flash容器或者元素的深度(z-index)都不起作用.这是因为flash默认的渲染模式导致的. 解决方法如下: 在object或em ...
CSS实现鼠标悬浮时背景图片拉近且增加遮罩层效果
效果预览点击查看效果我们在浏览网站时会发现有一些图片在鼠标悬浮在上时会有放大拉近的效果. 想要实现这个效果有两种方法,第一种方法是控制背景图片,第二种方法是控制插入的图片,我们这里介绍第一 ...
怎么写遮罩层 css,css案例 - mask遮罩层的华丽写法
mask遮罩蒙层使用通常的写法的bug 通常写法pug .mask 通常写法css .mask{ position: absolute; top: 0; right: 0; bottom: 0; le ...
Winform应用程序实现通用遮罩层二
之前先后发表过:<Winform应用程序实现通用遮罩层>.<Winform应用程序实现通用消息窗口>,这两款遮罩层其实都是基于弹出窗口的,今天为大家分享一个比较简单但界面相对友 ...
DIV遮罩层--数据缓冲效果的实现
这个非本人所写,拿的网上的自己改了下 JS代码: View Code function sAlert(str) {var msgw, msgh, bordercolor;msgw = 300;//提示 ...
Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案
问题描述问题分析 1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级) Element UI中设置了modal-append-to-body='tru ...

如何让遮罩层悬浮在object标签中

如何让遮罩层悬浮在object标签中相关推荐

最新文章

热门文章