Skip to content

Instantly share code, notes, and snippets.

@Beelzenef

Beelzenef/zindex.html

Last active January 4, 2016 18:59
Show Gist options
  • Save Beelzenef/8663829 to your computer and use it in GitHub Desktop.
Save Beelzenef/8663829 to your computer and use it in GitHub Desktop.
Download ZIP
Trabajando con z-index
Raw
zindex.html
<html>
<head>
<style type="text/css">
div {
position: absolute;
}
#primero {
z-index:1;
top: 0px;
left: 0px;
}
#segundo {
z-index:2;
top: 150px;
left: 150px;
}
#tercero {
z-index:3;
top: 300px;
left:300px;
width: 300px;
border: solid black;
background-color: white;
text-align: center;
}
</style>
<title>Caso Práctico 5</title>
</head>
<body>
<h1>Caso Práctico 5</h1>
<div id="tercero">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam cursus consectetur interdum. In in sodales tortor. Nullam non orci sit amet dolor molestie consequat.</p></div>
<div id="primero">
<p>Cras dapibus consectetur arcu non vulputate. Integer id porttitor massa. Phasellus venenatis dapibus justo ut dapibus. Aenean vestibulum sagittis eleifend. </p></div>
<div id="segundo">
<p>Etiam ultrices nulla eget ipsum facilisis sagittis. Nam et volutpat purus. Proin bibendum odio ac venenatis mattis. Curabitur leo elit, auctor et lacus a.</p></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment