html - Apply a Draggable Container Above Another Absolutely Positioned Element -
i have page contains , iframe points other pages. iframes parent contain search control changes iframe's url. iframe should display max-screen, search control needs lay atop iframe results.
i want "always on top"
how can achieve this?
for instance, html looks like:
i've tried messing z-index...with no success.
<style> iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; } .search { position: absolute; top: 0; left: 0; height: 100px; width: 100px; z-index: 100;} </style> <div class="search> search controls container </div> <div class="container"> <iframe src="~/tours/_default/index.html" allowfullscreen align="center" /> </div>
you have missing double-quote after "search
. add in , see if helps. tested locally , works me when adding in missing ".
Comments
Post a Comment