【问题标题】:Age Verify Javascript in Mobile Site Pop Up Overlap移动网站弹出重叠中的年龄验证 Javascript
【发布时间】:2015-09-04 06:04:44
【问题描述】:

我需要一个弹出式 javascript 来验证年龄,我找到了一个,将它托管在谷歌驱动器中,并在经过这么多的杂耍后成功实现了它。该脚本在桌面版中运行良好,但在移动版中(链接在下方带有 m. ),购物车按钮、跟踪按钮等与弹出的年龄验证脚本重叠。我不知道 js、html 等,但正在学习一点。任何人都可以帮忙吗? 此外,我注意到一旦网页完全加载,桌面中的背景颜色会以某种方式消失 - 我假设一旦 JS 加载或完全运行 - 背景主题颜色就会消失。帮助将不胜感激。

桌面站点: http://electroniccigaretteaus.com.au/

移动网站: http://m.electroniccigaretteaus.com.au/

我不太了解 js 及其工作原理等,但如果我得到明确的指导,我可以自己做一些事情。帮助将不胜感激-谢谢

【问题讨论】:

    标签: javascript jquery html css jquery-mobile


    【解决方案1】:

    有一个带有id = "modal_content" 的div 元素。将CSS 属性z-index 设置为如下:

    #modal_content{
      z-index:10000
    }
    

    【讨论】:

    • 你问我有没有你提到的代码?
    • 具体来说 - 重叠问题与移动网站有关:m.electroniccigaretteaus.com.au
    • 不是要求您在任何stylesheet 中的任何位置添加上述代码,是的,我说的是mobile-site 本身..
    • 宽度:100%; z 指数:1100;背景色:rgba(0,0,0,.8);
    • 上面的代码已经存在。所以要清楚我是否在与这个js相关的css中添加了上面的代码。另外,为什么您认为页面完全加载后桌面的背景颜色会褪色
    【解决方案2】:

    有一个 div 元素,class="wCenterIn" 设置css 属性z-index 如下:

    .wCenterIn{
    z-index:99;
    }
    

    【讨论】:

    • 我添加了这个:#modal_content{ z-index:10000 }
    • 修复了移动端重叠的问题。但仍然不确定为什么桌面网站背景正在褪色
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-07
    • 2020-07-07
    • 2013-04-10
    • 2014-08-23
    相关资源
    最近更新 更多