0

作業中のGoogleChromeブラウザ拡張機能のコンテンツスクリプトがあり、ユーザーが表示しているWebページの上部に水平バーが挿入されます。問題は、google.comに移動すると、バーの上にgooglesナビゲーションバーが表示されることです。これがプリペンドコードです

$("body").prepend("<iframe class='toolbar' src='http://localhost/toolbar.php' />");

外観は次のとおりです。

ツールバーが機能するWebサイト

そして、これがgoogle.comでどのように見えるかです コンテンツがグーグルの前にあるときに発生する問題。 あなたが見ることができるように、グーグルナビゲーションバーは私のバーと重なっています

私はさまざまなアプローチを試みています。他の誰よりも早く問題を修正した場合は、投稿します。どんな助け/ガイダンスも大歓迎です。ありがとう！

4

4 に答える 4

1 
$(function(){
    setTimeout(function(){
        $("your html").prependTo('body');
        $("body > :not('#panDiv')").css({position:'relative',top:'23px'});
    },1000);
}); //end $

これがいいといいのですが。

于 2012-08-30T20:15:32.420 に答える
0

次のようなものを試してください。

//select the body
$("body")
//wrap the content in a div
.wrapInner("<div class='website'></div>")
//prepend the iframe to the body
.prepend("<iframe class='toolbar' src='http://localhost/toolbar.php'></iframe>");

これが機能しない場合はお知らせください。

于 2012-07-28T23:34:26.710 に答える
0 
    enter code here

var v = document.getElementsByTagName('html')[0].style.top.toString().substring(0, 2);

            if (parseInt(v, 10) > 0) {

                var pxx = (v + 35).toString();
                document.getElementsByTagName('html')[0].style.position = "relative"
                document.getElementsByTagName('html')[0].style.top = pxx + "px";

            }
            else {

                document.getElementsByTagName('html')[0].style.position = "relative"
                document.getElementsByTagName('html')[0].style.top = "35px";
            }


  var url = chrome.extension.getURL('docz/links.html');
  var fRame =  $(document.createElement('iframe'));
  var wrapDiv = $(document.createElement('div'));

    wrapDiv.attr('id','wDiv');
    wrapDiv.css('width','100%');  
    wrapDiv.css('height','35px' );
    wrapDiv.css('position','fixed' );
    wrapDiv.css('top','0 !important');
    wrapDiv.css('z-index','2147482637');   

  fRame.attr('id','fr1');
  fRame.attr('scrolling','no');
  fRame.attr('src',url);
  fRame.attr('frameborder','0');
  fRame.css('position','absolute');
  fRame.css('top', '0 !important');


  fRame.css('width','100%');
  fRame.css('height','35px');
  fRame.css('border','none'); 
  fRame.css('border-radius','10px 10px 10px 10px');
  fRame.css('background-color','silver'); 
  fRame.appendTo(wrapDiv);
  wrapDiv.prependTo(document.body);


try this... before was more crude approach put this code int  $(function(){});
于 2012-09-27T22:44:25.547 に答える
0

バーの z-index css プロパティを大きな数値に設定します。

<iframe style="z-index:999999;"></iframe>
于 2012-07-31T20:20:07.590 に答える