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> 

enter image description here

you have missing double-quote after "search. add in , see if helps. tested locally , works me when adding in missing ".


Comments

Popular posts from this blog

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -