Sticking problems

dabblet.css

/**
 * Sticking problems
 */

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40; /* Needed because of other content */
	background: #eee;
}

.child {
	
}

/* Needs to overlay .fixed but under .child */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

dabblet.html

<div class="fixed">
  <a href="#test" class="child">Click me</a>
</div>
<a href="#!" class="overlay"></a>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}