2017-09-18 10 views
0

リンクをクリックしたときにコンテンツを非表示にするには:target CSSセレクタを使用しています。しかし、今私は非表示にするdivにGoogle Adsenseスクリプトを入れました。リンクがクリックされると、すべてのHTMLコンテンツが非表示になりますが、現在表示されていないdiv内で配信されたGoogle Adsense広告 は、ページの上部に重なって表示されます...CSSを使用する:Google Adsenseスクリプトを含むdivのターゲットセレクタ?

クリックだけで広告を隠すことができる方法はありますか?

<head> 
    <style> 
    :target > div {display: none;} 
    </style> 
</head> 

<body> 
    <a href="#hide">Link</a> 

    <div id="hide"> 
    <div> 
     <p>Text</p> 
    </div> 
    <script> 
     GOOGLE ADSENSE AD I WANT TO BE ABLE TO HIDE ON CLICK 
    </script> 
    </div> 

    <div id="show"> 
    <div> 
     <p>Text</p> 
    </div> 
    <script> 
     GOOGLE ADSENSE AD I WANT TO REMAIN ON-CLICK 
    </script> 
    </div> 

</body> 

答えて

0

が解決:

はここで私が何を言っているかの簡単な例です!私は、次を追加し、それが即座に働いた:this post

:target > div, :target > .adsbygoogle {display: none !Important;}

感謝

関連する問題