Skip to content

Instantly share code, notes, and snippets.

@nyk0r

nyk0r/pass-int-from-css-to-js.html

Created October 7, 2016 14:20
Show Gist options
  • Save nyk0r/68089e090b7184bdddb153e4c999e15d to your computer and use it in GitHub Desktop.
Save nyk0r/68089e090b7184bdddb153e4c999e15d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pass-int-from-css-to-js.html
<!doctype html>
<html>
<head>
<style>
.step-mediator1 {
position: absolute;
z-index: 30;
}
.step-mediator2 {
position: absolute;
z-index: -30;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.getElementsByTagName('h1')[0].innerText =
'step-mediator1: ' + getComputedStyle(document.querySelector('.step-mediator1')).zIndex + ' ' +
'step-mediator2: ' + getComputedStyle(document.querySelector('.step-mediator2')).zIndex;
});
</script>
</head>
<body>
<div class="step-mediator1" style="display: none;"></div>
<div class="step-mediator2" style="display: none;"></div>
<h1></h1>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment