0

python/django/html で書かれた Google App エンジンのサイトがあります。サイトはhttp://perlesloyfer.no にあります。私が作った弓を持った人々の画像を紹介するブログのようなものです。上部に「スティッキー ヘッダー」を実装し、投稿の 9 番目の位置に広告を表示しています。しかし、リストをスクロールすると、Google 広告がどういうわけか自分自身をヘッダーの上に置くように強制しています。この画像は質問の下部にあります。

何が原因で、それを修正することは可能ですか? 広告を他の投稿のようにスクロールさせたいのですが、その位置にあるときにヘッダーの「上」にあるため、表示されるべきではありません。

スティッキー ヘッダーの jquery コード:

$(function(){
    // Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = $('#sticky').offset().top;
    $(window).scroll(function(){
        if( $(window).scrollTop() > stickyHeaderTop ) {
            //$('#sticky').css({position: 'fixed', top: '0px', float: 'right'});
            $('#sticky').addClass("sticky");
        } else {
            $('#sticky').removeClass("sticky");
        }
    });
});

ヘッダーの実際の HTML:

<div id="sticky" class="top-area">
<div class="main-header"><a href="./">Perlesløyfer</a></div>
<div class="main-subheader"><p>Av Håkon Bogen</p></div>
<div class="tabs">
    <ul>
        <li><a href=".">Bilder</li></a>
        <li><a class="selected" href="./about">Om</li></a>
        <li><a href="http://epla.no/handlaget/produkter/526979/">Kjøp</li></a>
        <li><a href="./submit">Last opp</li></a>
    </ul>
</div>

スティッキーの CSS:

#sticky {
    background-color: white;
    position:fixed;
    top:0;
    width:100%;
}

Google 広告コード:

<div class="commercial" id="page-wrap-ad">
    <p id="ads">
<!---  google_ad_client = ....  -->
<script type="text/javascript">
    <script type="text/javascript"
            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></p>

右に表示されたサイト

Google 広告が正しく表示されない

4

2 に答える 2

0

スティッキーヘッダーに大きなz-indexを追加しました。それより難しくはありませんでした。

#sticky {
    background-color: white;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
}
于 2012-12-14T09:19:35.533 に答える
0

これを投稿できるかどうかはわかりませんが、次のようになります。

質問で広告の特定のターゲット要素 (div、class など) を見つけ、CSS を使用してその位置を上書きします。

Example:
#myAnnoyingAd{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
于 2012-12-13T19:32:21.187 に答える