Question

I have a content script for a google chrome browser extension that I am working on, and it injects a horizontal bar to the top of whatever web page that the user is on. The problem is that when I navigate to google.com, googles nav bar appears over my bar. Here is the prepend code

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

Here is how it is supposed to look:

And here is how it looks on google.com

I’m trying different approaches, if I fix the problem before anyone else I’ll post it. Any help/guidance is much appreciated. Thanks!

Answer 1

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

I hope this one is good.