Question

我在一家广告公司工作，我为客户创建了一个HTML5侧面板。右侧和左侧面板工作正常，但发布者网站有z-index问题。主要内容和页眉/页脚不可点击，而我右侧和左侧的面板是可点击的。

我尝试在主要内容和页眉和页脚中添加z-index，但没有任何作用。我应该如何添加z-index以使面板和内容正常工作。

提前致谢。

Answer 1

这不是z索引问题。您正在使用iframe覆盖整个页面，并保留广告（目前为Mercedes），以防止点击内容：

<div style="border: 0pt none; margin: auto; text-align: center;"
    id="google_ads_iframe_/6411/onl.adtester_1__container__">
    <div
        style="border: 0px none; padding: 0px; margin: 0px auto; top: 0px; left: 0px; overflow: visible; font-size: 0px; line-height: 0px; text-align: left; display: inline; width: 1px; height: 1px;"
        dir="ltr" id="ebDiv03330255262235271">
        <div
            style="border: 0px none; padding: 0px; margin: 0px; top: 0px; left: 0px; overflow: visible; font-size: 0px; line-height: 0px; text-align: left; display: inline;"
            dir="ltr" id="ebBannerDiv_30573327_03330255262235271">
            <div id="ebIframeDiv_30573327_03330255262235271">

<!-- ----- This iframe  ---------- -->

              <iframe marginheight="0px" marginwidth="0px" scrolling="no"
                    id="ebBannerIFrame_30573327_03330255262235271"
                    src="http://ds.serving-sys.com/BurstingRes/Site-6171/WSFolders/4070092//index.html?v=_2_43_1_0"
                    allowtransparency="true"
                    onload="(function(e) { var event = new EBG.Events.Event(EBG.Events.EventNames.ELEMENT_LOADED);event.dispatcher = this;event.eventData = { DOMEvent: e, elementId: &quot;ebBannerIFrame_30573327_03330255262235271&quot;, adUId:&quot;30573327_03330255262235271&quot; };event.timing = EBG.Events.EventTiming.ONTIME_AND_AFTER;EBG.eventMgr.dispatchEvent(event);} )(typeof arguments != &quot;undefined&quot; ? arguments[0] : null);"
                    style="border: 0px none; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 1350px; height: 920px; z-index: 0; clip: rect(auto, auto, auto, auto); position: absolute;"
                    frameborder="0"></iframe>
            </div>
            <img id="ebBlankImg_30573327_03330255262235271"
                src="http://ds.serving-sys.com/BurstingCachedScripts/Res/blank_1X1.gif"
                style="border: 0px; padding: 0px; margin: 0px;" height="1" width="1">
        </div>
    </div>
    <iframe src="javascript:&quot;<html>

        <body style='background: transparent'></body>
        </html>
        &quot;" style="width: 1px; height: 11px; visibility: visible;"
        marginheight="0" marginwidth="0" scrolling="no"
        name="google_ads_iframe_/6411/onl.adtester_1"
        id="google_ads_iframe_/6411/onl.adtester_1" frameborder="0"
        height="11" width="1">
    </iframe>
</div>

您可以使用firefox，右键单击，检查元素以查看发生的事情

客户端站点上的Z-index问题

1 个答案: