遮罩效果页面被挡住怎么办？ showilove 2009-08-28 11:50:12 今天做页面，引了个JS文件，实现点击链接后，新页面对父页面的遮罩效果，别的都没什么问题，就是父页面中引用的一个Object总是在遮罩页面之上，不知道如何解决？ <object style="z-index: -10" classid="clsid:0006F063-0000-0000-C000-000000000046" id="OutlookControl" width="100%" height="100%" VIEWASTEXT codebase="http://activex.microsoft.com/activex/controls/office/outlctlx.CAB#ver=9,0,0,3203"> <param name="Folder" value="" /> <param name="Namespace" value="MAPI" /> <param name="Restriction" value="" /> <param name="DeferUpdate" value="0" /> </object> 加了个DIV把Object包起来，设置Z-index也不行 难道要调JS？ 我不懂啊 ...全文 388 5 打赏 收藏 遮罩效果页面被<Object>挡住怎么办？ 今天做页面，引了个JS文件，实现点击链接后，新页面对父页面的遮罩效果，别的都没什么问题，就是父页面中引用的一个Object总是在遮罩页面之上，不知道如何解决？ <object style="z-index: -10" classid="clsid:0006F063-0000-0000-C000-000000000046" id="OutlookControl" width="100%" height="100%" VIEWASTEXT codebase="http://activex.micro 复制链接 扫一扫 分享 转发到动态 举报 写回复 配置赞助广告取 消 确 定 用AI写文章 5 条回复 切换为时间正序 请发表友善的回复… 发表回复 打赏红包 需支付: 0.00 元 取 消 确 定 showilove 2009-08-28 打赏举报 回复 [Quote=引用 3 楼 xinyung 的回复:] 加上一个 <param name=wmode value=transparent> [/Quote] [Quote=引用 4 楼 alwayslonely 的回复:] iframe可以挡住. [/Quote] 都用过，不起作用 还做了个Test,增加一个DIV可以实现将object覆盖。 但是我引得是Js来实现的遮罩效果，这样改之后不起作用。 alwaysLonely 2009-08-28 打赏举报 回复 iframe可以挡住. xinyung 2009-08-28 打赏举报 回复 加上一个<param name=wmode value=transparent> showilove 2009-08-28 打赏举报 回复 [Quote=引用 1 楼 beenz 的回复:] 此问题在IE下面貌似有点无解,你是第N个问此问题的人了 [/Quote] 无解？可怜了我那华丽的遮罩 有高手解决过此类问题吗？ BeenZ 2009-08-28 打赏举报 回复 此问题在IE下面貌似有点无解,你是第N个问此问题的人了 IE下object遮挡div的解决方案 IE下object遮挡div 解决方案 <转>如何防止页面刷新，后退导致的重复提交 转载于：http://www.cnblogs.com/end/archive/2011/12/17/2291005.html 1，客户端： btn submit之后禁用所有提交按钮或控件， 也可以加一个透明的遮罩层把页面元素挡住。 2，服务端：一种更好的方法是创建新的基础 Page 类，用它来代替标准 System.Web.UI.Page 类。在本文中，我将介绍几项通用功能以及它们的一般实现， Bootstrap的模态框遮罩在iframe子页面弹出时不能覆盖父页面的解决方法 前段时间在做公司项目的后台管理项目的时候，从网上下载了一个前端模板，是基于bootstrap的。之前也用过bootstrap的模态框，用的是Ace Admin的前端模板。也用了iframe，但并没有遇到子页面的模态框遮罩不能覆盖父页面的问题。这次既然遇到了，就小记一下，也许并不一定有用，但也希望能帮到各位。 我也是借鉴的网上资源自己修改出来的。之前一直把模态框写在了子页面中，几经折腾后还是把模态 遮罩层按钮事件失效 项目场景： 鼠标悬浮在图片上时，显示删除按钮。点击完成删除操作， 问题描述： 实现完页面效果时，点击删除标识不能触发删除事件。 原因分析： 可能是遮罩层，挡住了按钮事件。 解决方案： 在遮罩层添加pointer-events:none;样式 .mask{ position:absolute; background:rgba(101,101,101,0.6); color:#ebe3e3; opacity: 0; top: 0; right: 0; 关于jquery的基础知识（未完善） 1、DOM和jQuery <script> $(function(){ //一个是DOM元素，一个是jQuery元素 var DOMObject = document.getElementById('div'); var jQueryObject = $('#div'); //区别两个元素的方法，只有该元素才有相对的属性 //若反过来，会打印出undefined ... JavaScript 87,910 社区成员 224,616 社区内容 发帖 与我相关 我的任务 JavaScript Web 开发 JavaScript 复制链接 扫一扫 分享 确定 社区描述 Web 开发 JavaScript 社区管理员 加入社区 获取链接或二维码 近7日 近30日 至今 加载中 查看更多榜单 社区公告 暂无公告 试试用AI创作助手写篇文章吧 + 用AI写文章 window.__INITIAL_STATE__= {"csrf":"mP25AhFB-3iDmqlcaCA27IzZU9OSROPlJU1U","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_517351090-1714104959761-344083;","ip":"3.21.106.69","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\",\"user-recommend\",\"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"JavaScript","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript","owner":{"userName":"community_91","nickName":"JavaScript","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"JavaScript","description":"Web 开发 JavaScript","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002Fca46c476a908476d9927eaee4b0afc10.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":87910,"contentCount":224616,"followersCount":53221,"communityRule":"","communityId":209,"bgImage":"","hashId":"y3w0yonz","domain":"","uriName":"JavaScript","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_91","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1368,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript?typeId=1368","iframe":false,"sortType":1},{"tabId":873,"tabName":"问答","tabUrl":"https:\u002F\u002Fask.csdn.net\u002Flist\u002F11\u002Ftag\u002F190","tabSwitch":1,"tabType":0,"tabContribute":0,"indexOrder":0,"iframe":true,"sortType":1},{"tabId":4055678,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript?typeId=4055678","iframe":false,"sortType":1},{"tabId":1620032,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript?typeId=1620032","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"JavaScript","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript","communityType":1,"content":{"id":"310260831","contentId":310260831,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F310260831","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F310260831","createTime":"2009-08-28 11:50:12","updateTime":"2021-05-28 16:11:45","resourceUsername":"showilove","best":0,"top":0,"text":null,"publishDate":"2009-08-28","lastReplyDate":"2009-08-28","type":"13","nickname":"showilove","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F43438e39125e4c9baeaa985ac0a345fb_showilove.jpg!1","username":"showilove","commentCount":5,"diggNum":0,"digg":false,"viewCount":388,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"遮罩效果页面被\u003CObject\u003E挡住怎么办？","insertFirst":false,"likeInfo":null,"description":"今天做页面，引了个JS文件，实现点击链接后，新页面对父页面的遮罩效果，别的都没什么问题，就是父页面中引用的一个Object总是在遮罩页面之上，不知道如何解决？ \u003Cobject style=\"z-index: -10\" classid=\"clsid:0006F063-0000-0000-C000-000000000046\" id=\"OutlookControl\" width=\"100%\" height=\"100%\" VIEWASTEXT codebase=\"http:\u002F\u002Factivex.micro","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221109053826.png","content":"今天做页面&#xff0c;引了个JS文件&#xff0c;实现点击链接后&#xff0c;新页面对父页面的遮罩效果&#xff0c;别的都没什么问题&#xff0c;就是父页面中引用的一个Object总是在遮罩页面之上&#xff0c;不知道如何解决&#xff1f;\u003Cbr \u002F\u003E\n&lt;object style&#61;&#34;z-index: -10&#34; classid&#61;&#34;clsid:0006F063-0000-0000-C000-000000000046&#34; \u003Cbr \u002F\u003E\n id&#61;&#34;OutlookControl&#34; width&#61;&#34;100%&#34; height&#61;&#34;100%&#34; VIEWASTEXT \u003Cbr \u002F\u003E\n codebase&#61;&#34;http:\u002F\u002Factivex.microsoft.com\u002Factivex\u002Fcontrols\u002Foffice\u002Foutlctlx.CAB#ver&#61;9,0,0,3203&#34;&gt; \u003Cbr \u002F\u003E\n\t\t\t\t &lt;param name&#61;&#34;Folder&#34; value&#61;&#34;&#34; \u002F&gt; \u003Cbr \u002F\u003E\n\t\t\t\t &lt;param name&#61;&#34;Namespace&#34; value&#61;&#34;MAPI&#34; \u002F&gt; \u003Cbr \u002F\u003E\n\t\t\t\t &lt;param name&#61;&#34;Restriction&#34; value&#61;&#34;&#34; \u002F&gt; \u003Cbr \u002F\u003E\n\t\t\t\t &lt;param name&#61;&#34;DeferUpdate&#34; value&#61;&#34;0&#34; \u002F&gt; \u003Cbr \u002F\u003E\n&lt;\u002Fobject&gt; \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n加了个DIV把Object包起来&#xff0c;设置Z-index也不行\u003Cbr \u002F\u003E\n难道要调JS&#xff1f; 我不懂啊","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":""},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F16.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F43438e39125e4c9baeaa985ac0a345fb_showilove.jpg!1","nickname":"showilove","selfdesc":"彪悍的人生无需解释","createdate":"2008-07-17 09:59:00","days":"5763","years":"16","username":"showilove","school":null,"company":null,"job":null},"userName":"showilove","event":"创建了帖子","body":"2009-08-28 11:50","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":5,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"[Quote&#61;引用 3 楼 xinyung 的回复:]\u003Cbr \u002F\u003E\n加上一个 &lt;param name&#61;wmode value&#61;transparent&gt;\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n[Quote&#61;引用 4 楼 alwayslonely 的回复:]\u003Cbr \u002F\u003E\niframe可以挡住.\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n都用过&#xff0c;不起作用\u003Cbr \u002F\u003E\n还做了个Test,增加一个DIV可以实现将object覆盖。\u003Cbr \u002F\u003E\n但是我引得是Js来实现的遮罩效果&#xff0c;这样改之后不起作用。","topicTitle":null,"description":"[Quote=引用 3 楼 xinyung 的回复:] 加上一个 \u003Cparam name=wmode value=transparent\u003E [\u002FQuote] [Quote=引用 4 楼 alwayslonely 的回复:] iframe可以挡住. [\u002FQuote] 都用过，不起作用 还做了个Test,增加一个DIV可以实现将object覆盖。 但是我引得是Js来实现的遮罩效果，这样改之后不起作用。","id":312483219,"contentResourceId":310260831,"bindContentResourceId":0,"communityId":209,"username":"showilove","userNickName":"showilove","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F43438e39125e4c9baeaa985ac0a345fb_showilove.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3662018932,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2009-08-28 12:48:38","updateTime":"2009-08-28 12:48:07","formatTime":"2009-08-28","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"iframe可以挡住.","topicTitle":null,"description":"iframe可以挡住.","id":312482413,"contentResourceId":310260831,"bindContentResourceId":0,"communityId":209,"username":"alwaysLonely","userNickName":"alwaysLonely","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fa1d4d76771ba46e2b85f1f32d5e3d935_alwayslonely.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":2071981186,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2009-08-28 12:19:39","updateTime":"2009-08-28 12:19:07","formatTime":"2009-08-28","userRoleHonorary":{"userName":"alwaysLonely","roleId":214,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"加上一个&lt;param name&#61;wmode value&#61;transparent&gt;","topicTitle":null,"description":"加上一个\u003Cparam name=wmode value=transparent\u003E","id":312482135,"contentResourceId":310260831,"bindContentResourceId":0,"communityId":209,"username":"xinyung","userNickName":"xinyung","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3400493130,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2009-08-28 12:12:25","updateTime":"2009-08-28 12:11:53","formatTime":"2009-08-28","userRoleHonorary":{"userName":"xinyung","roleId":214,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote&#61;引用 1 楼 beenz 的回复:]\u003Cbr \u002F\u003E\n此问题在IE下面貌似有点无解,你是第N个问此问题的人了\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n无解&#xff1f;可怜了我那华丽的遮罩\u003Cbr \u002F\u003E\n有高手解决过此类问题吗&#xff1f;","topicTitle":null,"description":"[Quote=引用 1 楼 beenz 的回复:] 此问题在IE下面貌似有点无解,你是第N个问此问题的人了 [\u002FQuote] 无解？可怜了我那华丽的遮罩 有高手解决过此类问题吗？","id":312482010,"contentResourceId":310260831,"bindContentResourceId":0,"communityId":209,"username":"showilove","userNickName":"showilove","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F43438e39125e4c9baeaa985ac0a345fb_showilove.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3662018932,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2009-08-28 12:07:05","updateTime":"2009-08-28 12:06:33","formatTime":"2009-08-28","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"\u003Cpre\u003E\u003Ccode class=\"language-JScript\"\u003E\u003Cbr \u002F\u003E\n此问题在IE下面貌似有点无解,你是第N个问此问题的人了\u003Cbr \u002F\u003E\n\u003C\u002Fcode\u003E\u003C\u002Fpre\u003E","topicTitle":null,"description":" 此问题在IE下面貌似有点无解,你是第N个问此问题的人了 ","id":312481682,"contentResourceId":310260831,"bindContentResourceId":0,"communityId":209,"username":"BeenZ","userNickName":"BeenZ","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Ff333afb34a10437991ab7ffa57480b1d_beenz.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3707266454,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2009-08-28 11:55:59","updateTime":"2009-08-28 11:55:27","formatTime":"2009-08-28","userRoleHonorary":{"userName":"BeenZ","roleId":214,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1368,"recommends":[{"url":"https:\u002F\u002Fblog.csdn.net\u002Fu010176097\u002Farticle\u002Fdetails\u002F52190842","title":"IE下\u003Cem\u003Eobject\u003C\u002Fem\u003E遮挡div的解决方案","desc":"IE下\u003Cem\u003Eobject\u003C\u002Fem\u003E遮挡div 解决方案","createTime":"2016-08-12 14:00:41","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-52190842-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-52190842-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fu010176097\u002Farticle\u002Fdetails\u002F52190842\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-52190842-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fu010176097\u002Farticle\u002Fdetails\u002F52190842\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-52190842-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fjdzms23\u002Farticle\u002Fdetails\u002F11355349","title":"\u003C转\u003E如何防止\u003Cem\u003E页面\u003C\u002Fem\u003E刷新，后退导致的重复提交","desc":"转载于：http:\u002F\u002Fwww.cnblogs.com\u002Fend\u002Farchive\u002F2011\u002F12\u002F17\u002F2291005.html\r\n1，客户端： btn submit之后禁用所有提交按钮或控件， 也可以加一个透明的\u003Cem\u003E遮罩\u003C\u002Fem\u003E层把\u003Cem\u003E页面\u003C\u002Fem\u003E元素\u003Cem\u003E挡住\u003C\u002Fem\u003E。\r\n2，服务端：一种更好的方法是创建新的基础 Page 类，用它来代替标准 System.Web.UI.Page 类。在本文中，我将介绍几项通用功能以及它们的一般实现，","createTime":"2013-09-07 21:51:41","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-11355349-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-11355349-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fjdzms23\u002Farticle\u002Fdetails\u002F11355349\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-11355349-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fjdzms23\u002Farticle\u002Fdetails\u002F11355349\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-11355349-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fzs492761271\u002Farticle\u002Fdetails\u002F54860958","title":"Bootstrap的模态框\u003Cem\u003E遮罩\u003C\u002Fem\u003E在iframe子\u003Cem\u003E页面\u003C\u002Fem\u003E弹出时不能覆盖父\u003Cem\u003E页面\u003C\u002Fem\u003E的解决方法","desc":"前段时间在做公司项目的后台管理项目的时候，从网上下载了一个前端模板，是基于bootstrap的。之前也用过bootstrap的模态框，用的是Ace Admin的前端模板。也用了iframe，但并没有遇到子\u003Cem\u003E页面\u003C\u002Fem\u003E的模态框\u003Cem\u003E遮罩\u003C\u002Fem\u003E不能覆盖父\u003Cem\u003E页面\u003C\u002Fem\u003E的问题。这次既然遇到了，就小记一下，也许并不一定有用，但也希望能帮到各位。\n我也是借鉴的网上资源自己修改出来的。之前一直把模态框写在了子\u003Cem\u003E页面\u003C\u002Fem\u003E中，几经折腾后还是把模态","createTime":"2017-02-04 10:12:51","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-54860958-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-54860958-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fzs492761271\u002Farticle\u002Fdetails\u002F54860958\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-54860958-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fzs492761271\u002Farticle\u002Fdetails\u002F54860958\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-54860958-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_43676950\u002Farticle\u002Fdetails\u002F121273128","title":"\u003Cem\u003E遮罩\u003C\u002Fem\u003E层按钮事件失效","desc":"项目场景：\n鼠标悬浮在图片上时，显示删除按钮。点击完成删除操作，\n\n问题描述：\n实现完\u003Cem\u003E页面\u003C\u002Fem\u003E\u003Cem\u003E效果\u003C\u002Fem\u003E时，点击删除标识不能触发删除事件。\n原因分析：\n可能是\u003Cem\u003E遮罩\u003C\u002Fem\u003E层，\u003Cem\u003E挡住\u003C\u002Fem\u003E了按钮事件。\n解决方案：\n\n\n在\u003Cem\u003E遮罩\u003C\u002Fem\u003E层添加pointer-events:none;样式\n.mask{\n position:absolute;\n background:rgba(101,101,101,0.6);\n color:#ebe3e3;\n opacity: 0;\n top: 0;\n right: 0;\n ","createTime":"2021-11-18 15:55:06","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-121273128-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-121273128-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_43676950\u002Farticle\u002Fdetails\u002F121273128\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-121273128-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_43676950\u002Farticle\u002Fdetails\u002F121273128\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-121273128-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fmy_z_1234\u002Farticle\u002Fdetails\u002F89020485","title":"关于jquery的基础知识（未完善）","desc":"1、DOM和jQuery\n&lt;script&gt;\n\t$(function(){\n\t\t\u002F\u002F一个是DOM元素，一个是jQuery元素\n\t\tvar DOM\u003Cem\u003EObject\u003C\u002Fem\u003E = document.getElementById('div');\n\t\tvar jQuery\u003Cem\u003EObject\u003C\u002Fem\u003E = $('#div');\n\t\t\u002F\u002F区别两个元素的方法，只有该元素才有相对的属性\n\t\t\u002F\u002F若反过来，会打印出undefined\n...","createTime":"2019-04-04 13:23:47","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-89020485-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-89020485-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fmy_z_1234\u002Farticle\u002Fdetails\u002F89020485\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-89020485-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fmy_z_1234\u002Farticle\u002Fdetails\u002F89020485\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-89020485-bbs-310260831.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714104959802_99055\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":209,"username":"community_91","userNickname":"JavaScript","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:07:03","updateTime":"2021-05-12 18:07:03","lastLoginTime":"2021-05-12 18:07:03"},{"id":null,"communityId":209,"username":"sysdzw","userNickname":"无·法","roleCode":2,"status":1,"createUsername":"community_91","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F45dcec50fd694b578374e7167ff7914a_sysdzw.jpg!1","createTime":"2021-06-16 17:59:42","updateTime":"2021-06-16 17:59:42","lastLoginTime":"2021-06-16 17:59:42"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试，眼前一亮","2":"潜力巨大，未来可期","3":"持续贡献，值得关注","4":"成绩优异，大力学习","5":"贡献巨大，全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F310260831","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F310260831","typeId":"index","hasIndex":false},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["310260831"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F310260831","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F310260831","active":0,"navBarFixed":false,"title":"遮罩效果页面被\u003CObject\u003E挡住怎么办？","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":209,"topicId":310260831},"keywords":"","description":"以下内容是CSDN社区关于遮罩效果页面被\u003CObject\u003E挡住怎么办？相关内容，如果想了解更多关于JavaScript社区其他内容，请访问CSDN社区。"}; window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, };

[showilove]

今天做页面，引了个JS文件，实现点击链接后，新页面对父页面的遮罩效果，别的都没什么问题，就是父页面中引用的一个Object总是在遮罩页面之上，不知道如何解决？
<object style="z-index: -10" classid="clsid:0006F063-0000-0000-C000-000000000046"
id="OutlookControl" width="100%" height="100%" VIEWASTEXT
codebase="http://activex.microsoft.com/activex/controls/office/outlctlx.CAB#ver=9,0,0,3203">
<param name="Folder" value="" />
<param name="Namespace" value="MAPI" />
<param name="Restriction" value="" />
<param name="DeferUpdate" value="0" />
</object>

加了个DIV把Object包起来，设置Z-index也不行
难道要调JS？ 我不懂啊

[BeenZ]

此问题在IE下面貌似有点无解,你是第N个问此问题的人了

[showilove]

[Quote=引用 1 楼 beenz 的回复:]
此问题在IE下面貌似有点无解,你是第N个问此问题的人了
[/Quote]
无解？可怜了我那华丽的遮罩
有高手解决过此类问题吗？

[xinyung]

加上一个<param name=wmode value=transparent>

[alwaysLonely]

iframe可以挡住.

[showilove]

[Quote=引用 3 楼 xinyung 的回复:]
加上一个 <param name=wmode value=transparent>
[/Quote]
[Quote=引用 4 楼 alwayslonely 的回复:]
iframe可以挡住.
[/Quote]
都用过，不起作用
还做了个Test,增加一个DIV可以实现将object覆盖。
但是我引得是Js来实现的遮罩效果，这样改之后不起作用。