LeaVerou · May 5, 2012 20:22
diff --git a/dabblet.css b/dabblet.css
 /**
 * Weird behavior when combining opacity & z-index: -1
 */

 div {
 	position: relative;
 	width: 200px; height: 200px;
 	background: yellowgreen;
 	
 	/* Try commenting this or setting it to 1: */
 	opacity: .9;
 }

 div > div {
 	position:absolute; 
 	z-index: -1;
 	width: 200px; height: 200px;
 	background: #d00;
 }
diff --git a/dabblet.html b/dabblet.html
 <div>
 	<div></div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}
	/**
	* Weird behavior when combining opacity & z-index: -1
	*/

	div {
	position: relative;
	width: 200px; height: 200px;
	background: yellowgreen;

	/* Try commenting this or setting it to 1: */
	opacity: .9;
	}

	div > div {
	position:absolute;
	z-index: -1;
	width: 200px; height: 200px;
	background: #d00;
	}