2015-09-19 2 views
0

Я работаю в рекламном агентстве, и я создал для него боковую панель HTML5. Правая и левая панели работают нормально, но на сайте издателя есть проблема с z-index. Основной контент и верхний/нижний колонтитулы не доступны для кликов, в то время как мои панели справа и слева доступны для просмотра.Проблема Z-index на клиентском сайте

Я попытался добавить z-index в основное содержание и верхний и нижний колонтитулы, но ничего не работает. Как именно я должен добавить z-index, чтобы панель и контент работали нормально.

Это testing page.

Заранее спасибо.

+0

Не достаточно информации. Вы уверены, что ссылка верна? А что такое 'Сайт издателя'? –

+0

Да, ссылка работает отлично, вы можете увидеть панели? если у вас есть рекламный блок, вам нужно отключить блокировщик. Сайт издателя - сайт клиента –

+0

'.header-wrap {position: relative; z-index: 1; } 'сделает трюк для вас. – vivekkupadhyay

ответ

0

Это не проблема с 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, щелкните правую кнопку мыши, проверить элементы на ße Что происходит

+0

Как я могу это исправить? –

+0

, вероятно, загрузит этот iframe перед загрузкой содержимого. На самом деле я не знаю, как объявления добавляются динамически Вы можете нажать его на задний план, изменив z-index на -1, но поскольку вы не знаете идентификаторы или классы, это сложно –

Смежные вопросы