Skip to content

Instantly share code, notes, and snippets.

@ultim8k
Created May 22, 2014 08:33
Show Gist options
  • Save ultim8k/42ffc76c8553993ce2bd to your computer and use it in GitHub Desktop.
Save ultim8k/42ffc76c8553993ce2bd to your computer and use it in GitHub Desktop.
zindex-test
/**
* zindex-test
*/
.cnt { max-width: 200px; margin: 10px auto; }
.box { background: #fff; border: 1px solid; height: 50px; margin-bottom: 10px; position:relative; /*z-index: 50;*/ }
.hint-trigger { position: absolute; bottom: 0; }
.hint { position: absolute; top:0; background: #eee; padding: 10px; z-index: 100; }
<div class="cnt">
<div class="box">
<div class="hint-trigger">
<div class="hint">Bla</div>
</div>
</div>
<div class="box">
<div class="hint-trigger">
<div class="hint">Bla</div>
</div>
</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment