title: How to insert iframe/div to the top of browser body in javascript in chrome extension
body: <p>I am new to chrome extension and did not know how to develop toolbar button in javascript/content script and want to fix it to the top of body(want to push body down). please help.</p>
  
  <pre><code>document.body.parent.style.webkitTransform ='translateY(40px)';
  
  var div = document.createElement("div");
  
  div.id="divs";
  div.style.display='block';
  div.style.width = "600px";
  div.style.height = "100px";
  div.style.background = "#C2E2FF";
  
  
  div.style.color = "grey";
  
  
  div.innerHTML = "my div";
  
  div.appendChild(btn1);
     document.body.insertBefore(div, document.body.firstChild);
   document.getElementById("divs").style.fontStyle = 'italic';
   document.getElementById("divs").style.position = "fixed";
  </code></pre>