If you ever wanted to apply more than one background image into your web page, this one’s for you. I’ve stumbled upon many sites that use various techniques, such as nested DIV’s, to combine two or more images into the site background. A quick and simple solution is to style both the HTML and BODY tags. This very site has been using that very technique for a while now. Check out the example.
-
Archives
- September 2011
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- July 2009
- June 2009
- May 2009
- April 2009
- December 2008
- December 2007
- November 2007
- September 2007
- August 2007
- April 2007
- March 2007
- November 2006
- October 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- February 2006
- January 2006
- December 2005
- November 2005
- October 2005
- September 2005
- August 2005
- July 2005
- June 2005
- May 2005
- April 2005
- March 2005
- February 2005
- January 2005
- December 2004
- November 2004
- October 2004
-
Meta
A good one, Bojan. I guess this comes most useful when you have two different tiles on both x and y axis.
It can be useful in many, many situations. It’s all up to one’s imagination, I guess :)
Imagination and thinking outside the
box<body> are what CSS is all about. :)Thank you for this idea. It is so simple and brilliant that I am devastated I could not work it out myself.
it is all good, unless you do a crossbrowser test :(
I’ve tested this with different versions of IE along with different other browsers.. and not all of them are reading the background image for the html tag..
i couldn’t even get IE 5.5 to read the image. and there are still a couple of those around..
Even Mozilla 1.6 and some versions of camino couldn’t read it..
so i guess i’ll stick to the extra div boxes.. they still work cross browser and platform..
but nicely done though..
Your web site is great congratulation
It`s a good tip to remember the html and body tags…
Pingback: When modern browsers disagree