【问题标题】:CSS Overflow Issues with Modal POPUP & AdSense模态弹出窗口和 AdSense 的 CSS 溢出问题
【发布时间】:2014-12-19 01:51:23
【问题描述】:

我使用 OUIBounce (https://github.com/carlsednaoui/ouibounce) 退出弹出窗口。

当它触发时,如果弹出窗口下有 AdSense 广告单元,则 AdSense 是 100% 可见的,而网站的其余部分是灰色的。

请帮我解决这个问题。

这里是底层 CSS

width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
cursor: pointer;
-webkit-animation: fadein 0.5s;
animation: fadein 0.5s;

截图:

请注意,所有内容都是灰色的,而 AdSense 单元是可见的。

【问题讨论】:

    标签: css popup modal-dialog overlay adsense


    【解决方案1】:

    在用于触发modal的脚本中,添加回调函数(在cookieExpire: 10之后):

    callback: function() { 
     $("#ouibounce-modal").css({"z-index": "100"});
    }
    

    【讨论】:

    • 你怎么知道100 会有帮助?
    • 是的,你是对的,我不能 100% 确定它是否有效。它在 2 个不同的站点上为我工作。也许需要一种更通用的方法。也许我的回答可以帮助某人。你觉得这样更好吗:$("body *").css({"z-index": "0 !important"}); $("#ouibounce-modal").css({"z-index": "100"});?
    猜你喜欢
    • 2014-10-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多