Multiple Backgrounds In CSS
Last week i got problem of placing multiple backgrounds in CSS. By quick googling i came to know that CSS doesn’t support more than one background image. Although CSS2 support this option and we can just place more then one background by separating each background via commas. Like
-
background-image: url(background.gif), url(background2.gif);
Anyways, my concern is with simple CSS because implementation of CSS2 is far away at this time. Very first and simple solution that came to my mind is to use two divs and put background image in each div and finally adjust hight and width.
Finally i write following tweak, and it is working fine in all browsers.
-
-
body {
-
background-image: url(bg1.gif);
-
margin:0px;
-
font-size:24px;
-
height:100%
-
}
-
-
div.bg2 {
-
background-image: url(bg2.gif);
-
position: absolute;
-
bottom: 0px;
-
height: 50%;
-
width: 100%;
-
}
See demonstration of Multiple Backgrounds In CSS.
Author:
Burhan Khan
i want learn css. can you kelp me
good boy
i want learn css. can you kelp me
Very nice and sticky information but I am not agree with the title “List of .edu website for FREE backlinks” I think it should be “Way to find .edu website for FREE backlinks”
thank you
Hey there! I’ve been following this website Tips & Tricks from Burhan Khan » Multiple Backgrounds In CSS for a long time and finally acquired more courage to go forward and give you an hi out via Dallas Tx! I would like to mention maintain the great work! Oh yeah how about Gaddafi wonderful news flash. Enjoy your day Rob Rasner Magic Show
If you’re looking for the cheapest type of shoe, you might look into Foot Thongs. Foot Thongs can be found the cheapest in dance attire retail stores and online. Besides their cheap price, they are also very uncomfortable. The stylejordan used is stiff and rugged, and does not fo…