On 6/22/2008 9:20 AM, Christopher wrote:
> Can you have two background images on the {body} ? and position them?

You can have one background on the <body> and one on <html>, but I'd 
recommend against it.  I tried to do this with my site awhile ago, and 
found that it crashed the Gecko (Firefox) rendering engine very hard 
(full CPU usage followed by a crash).  I confirmed in here at the time 
that others using any web browser based on Gecko (at least Firefox, 
Mozilla, and Netscape at the time) had the same problem (which goes away 
if the two backgrounds are the same image, oddly enough).  This was back 
in late 2006, and I haven't revisited to see if I could do it with a 
newer version of Firefox, so I don't know if the bug is fixed.  But even 
if the bug is fixed, there are always users stuck on old versions of 
browsers, and I generally prefer not to use something that I know 
_crashes_ any browser at all. :)

You can get the same effect using the <body> and a <div>, which I did on 
my site at http://www.kungfu-silat.com/ - in my case, it's handled with 
these CSS definitions:

BODY { background: #A00 url(pics/DragonBack.gif) repeat-y 1% 0%;
        font-family: Arial, Tahoma, sans-serif; color: #000; margin: 
0em; height: 100% }
div.secondbackground { background: transparent url(pics/TigerBack.gif) 
repeat-y 99% 0%; margin: 0em; min-height: 100% }



-- 

Erik Harris                                http://www.eHarrisHome.com
-        AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172        -
Chinese-Indonesian Martial Arts Club      http://www.kungfu-silat.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to