title: Changing Iframe Z- index
body: <p>How can i change a z-index of the iframe. My page generates a iframe of random id and i am able to read the iframe id but not sure how can i change the z-index of the iframe which is now sets to 10000 and i want to change it to -1. This is my iframe.</p>
  
  <pre><code>&lt;iframe marginheight="0px" marginwidth="0px" frameborder="0" scrolling="no" id="ebBannerIFrame_24907031_5179572172928602" src="http://ds.serving-sys.com/BurstingRes//Site-2/WSFolders/3006392_201//index.html?v=_2_27_1_0" allowtransparency="true" onload="(function(e) { var event = new EBG.Events.Event(EBG.Events.EventNames.ELEMENT_LOADED);event.dispatcher = this;event.eventData = { DOMEvent: e, elementId: &amp;quot;ebBannerIFrame_24907031_5179572172928602&amp;quot;, adUId:&amp;quot;24907031_5179572172928602&amp;quot; };event.timing = EBG.Events.EventTiming.ONTIME_AND_AFTER;EBG.eventMgr.dispatchEvent(event);} )(typeof arguments != &amp;quot;undefined&amp;quot; ? arguments[0] : null);" style="border: 0px; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 1400px; height: 1200px; z-index: 10000; clip: rect(auto auto auto auto); position: absolute;"&gt;&lt;/iframe&gt;
  </code></pre>