CODEWITHSUNDEEP
htmlcss
leora
leora

Reputation: 196709

how can you have layers see through each other on a web page

i am trying to understand how you can do something like this site where the pictures show through the top menu. is this done through css ?

Upvotes: 0

Views: 355

Answers (4)

Brad Mace
Brad Mace

Reputation: 27886

Yes, it's a simple CSS attribute

Edit: someone has pointed out that they've made use of transparent images. However, if you look at their stylesheets, they have also used the opacity attribute, and using CSS is a much better way to do it. One line in a stylesheet vs however many transparent images saves you hosting space, bandwidth, and decreases page load time.

Upvotes: 0

kafuchau
kafuchau

Reputation: 5593

Actually, that is accomplished by using a PNG image file, which supports transparencies... If you look at the markup and CSS for that page, you'll find this file being used in the header.

Upvotes: 1

emrea
emrea

Reputation: 1355

Yes, using the opacity property. For more info: http://www.w3schools.com/Css/css_image_transparency.asp

Upvotes: 0

Vaayu
Vaayu

Reputation: 476

This is achieved using the opacity filter. See Css Image Transeparency

Upvotes: 0

Related Questions