z-index not working on div CSS

Posted: May 14, 2013 in web

The trick here is position: relative on the div you wanted to bring in front.

<style>
	#head{
		background: green;
		height: 130px;
		border: 4px solid blue;
		position: relative;
	}
	#content {
		margin: -60 0 0;
		background: orange;
		height: 150px;
		border: 5px solid red;
	}
</style>

<div id="head"></div>
<div id="content"></div>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s