如何让遮罩层悬浮在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>
时间: 2024-10-22 11:29:37

如何让遮罩层悬浮在object标签中的相关文章

判断是不是微信浏览器,如果是将弹出遮罩层提示在右上角浏览器中打开(一般用于下载东西)

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid

ajax异步加载遮罩层特效

<!doctype html> <html> <head> <title>遮罩层(正在加载中)</title> <meta charset="utf-8" /> <style> #cover{ display:none; position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0,

如何让Div层悬浮在Flash Object对象之上?

如果想让某个图片或者Div层悬浮在别的对象之上,一般的方法是用CSS的z-index来定义.z-index的数值越大,对象越在上面. 但面对flash object对象,z-index无论调多大,你的对象总是在object下面. 这时你需要在Object的<object>...</object>标签内部加入一个参数 <param name="wmode" value="transparent"> ,具体含意为object的透明模式

清除移动端网站点击a标签时闪现的边框或遮罩层(CSS)

  在移动端网站,当你点击加了a标签的文字或图片时,该元素的周围会闪现一个蓝色的边框,在微信上的网站就是如此:而有的浏览器会闪现一个半透明遮罩层,比如移动端的Chrome浏览器,其实这些特效无非就是为了告诉用户已点击了该元素,提升用户体验,但有的时候你会觉得这些特效看起来很别扭,就想着清除它,其实这很简单,只要加上一句CSS就行了. 清除所有a标签在点击时出现的特效: a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}

jquery封装了一个简洁轻巧的可拖动可自定义样式的纯div+css带遮罩层的仿模态弹出框

最近封装上瘾,想起以前做的一个轻巧的弹出框,是样式和脚本分离的,于是重新封装了一下,把样式标签统一到js里了. 里面还有一些问题,但不影响使用,有兴趣的同学,可以参考完善下,有好的建议,请不吝赐教. var PopDialogDefaultConfig = { hasCover: true, //是否带遮罩层 colorOfCover: "#000", //遮罩层颜色 transparencyOfCover: 80, //遮罩层透明度(alpha值,opacity值通过换算得到) bo

Winform应用程序实现通用遮罩层

Winform应用程序实现通用遮罩层 在WEB上,我们在需要进行大数据或复杂逻辑处理时,由于耗时较长,一般我们会在处理过程中的页面上显示一个半透明的遮罩层,上面放个图标或提示:正在处理中...等字样,这样用户体验就比较好了,然而如果在Winform客户端程序,通常遮罩层的处理就显得不那么简单或不那么好看,而我今天要说明的是,我实现的这个Winform通用遮罩层,却可以实现类似WEB上的遮罩层,既可以透明,而且还可以显示动态图片以及文字,那如何实现的呢,我现在一一讲解. 首先要明确我们要实现的效果

Winform应用程序实现通用遮罩层二

之前先后发表过:<Winform应用程序实现通用遮罩层>.<Winform应用程序实现通用消息窗口>,这两款遮罩层其实都是基于弹出窗口的,今天为大家分享一个比较简单但界面相对友好的另一种实现方案,废话不多说,直接进入主题. 一.实现思路(解决问题顺序): 透明遮罩: 1.实现可设置透明的Panel控件(MaskPanel): 2.Panel控件(MaskPanel)能够覆盖父容器(一般是当前窗体form对象)客户区区域(即:与父容器客户区区域大小相同),并处于最上层,保证父容器上的

纯CSS3写的10个不同的酷炫图片遮罩层效果

纯CSS3写的10个不同的酷炫图片遮罩层效果 这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下 在线预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 <!DOCTYPE html PUBLIC "-//W3C/

纯CSS3写的10个不同的酷炫图片遮罩层效果【转】

这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下 在线预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti