Z-index, background images and hidden text - Search Eng

Top Tutorials

New Tutorials

Submit

Login

Register

Tutorial Detail

• Total Hits: 4941

• Average Rating :
  

•  

• Total Votes: 36 votes

• Category: CSS/Advanced

• Submitted on: 2008-03-07 10:10:16

• Submitted By: Devesh Khanna

• Set as Favorite

Description:

In this tutorial I will explain how to use background images with a different tags to place them one on top of the other using absolute positioning and z-index.
Demo is available here.

Images used in this tutorial: 01.gif | bullet.gif

First create a simple structure like for instance:

    More detail...

Rating Detail

Stars	Percentage	Total Vote
	16.67%	6
	16.67%	6
	16.67%	6
	16.67%	6
	16.67%	6

Caste Your Vote

Rating	Selection	Guidelines
Poor:		Very disappointing, useless.
Fair:		Below average, disappointing but not useless.
Good:		About average in its class.
Very Good:		Above average for its category.
Excellent:		One of the best Tutorials in its category.

---