Question

我为自己的网站制作了广告格式，效果很好，但我无法点击实际的广告元素。似乎我用来实现影响的分层/定位，不允许我点击需要点击的元素，即实际广告。

下面是使用内联css定位广告的主要html

    <div id="inter-outer" class="interscroller-wrapper" style="height: 667px; right: 14.7031px; width: 375px;">
   <div id="intscdiv" class="interscroller-bg-wrapper" style="height: 667px; right: 0px; clip: rect(0px 375px 677px 0px); width: 375px;">
      <div id="nxtads" class="interscroller-bg" style="height: 667px; width: 375px; padding: 0px; overflow: hidden; text-align: center;">
         <div style="color: rgb(0, 0, 0);font-weight: bold;margin: auto;padding: 0px;text-align: center;font-family: arial;width: 320px;/* display: none; */">ADVERTISEMENT</div>
         <div id="smt-130304454" style="margin: 0px auto;width: 320px;height: 480px;/* position: absolute; *//* z-index: 1000000000; */">
            <a href="http://google.com">
                <img src="https://support.inmobi.com/ui/uploads/Interstitial-1.png" width="320" height="480"/>
            </a>
        </div>
         <div style="color: rgb(0, 0, 0);font-weight: bold;margin: 0px;padding: 0px;text-align: center;font-family: arial;position: fixed;width: 375px;bottom: 20px;/* display: none; */">SCROLL TO CONTINUE</div>
      </div>
   </div>
</div>

下面是一些包含的外部CSS。

.interscroller-wrapper {
    position: relative !important;
    cursor: pointer !important;
    background: #ffffff !important;
    z-index:10000000 !important;
}

.interscroller-bg-wrapper {
    position: absolute !important;
    width: 100% !important;
    left:0 !important;
}

.interscroller-bg {
    position: fixed !important;
    height: 100% !important;
    top: 2% !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    border:0 !important;
 }

以下是演示https://jsfiddle.net/kw80z7cL/

的js小提琴

我无法解决这个问题。

为什么我的interscroller格式没有点击？

0 个答案: