Skip to content

Instantly share code, notes, and snippets.

@pjkix

pjkix/dabblet.css

Forked from anonymous/dabblet.css
Created May 6, 2013 21:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pjkix/5528295 to your computer and use it in GitHub Desktop.
Save pjkix/5528295 to your computer and use it in GitHub Desktop.
Download ZIP
Testing z-index in IE9 using IE7 compat mode
Raw
dabblet.css
/**
* Testing z-index in IE9 using IE7 compat mode
*/
.wrapper { position: relative; z-index: 1; width: 200px; height: 100px;}
.container { position:relative; z-index: auto; width: 200px; height: 100px; border: 1px solid blue; background-color: blue;}
.controls { position: absolute; top: 0; right: 0; z-index: 5; background-color: red; border: 1px solid red;}
.overlay { position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; background-color: yellow; border: 1px solid green;}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="wrapper"> <div class="container"> <div class="controls">control</div> container </div> <div class="overlay">overlay</div></div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment