Override background image (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message


BeTheBall -> Override background image (7/7/2006 10:52:05)

In the accessibility settings in IE one can choose to use one's own stylesheet. I am experimenting with that, but can't seem to get beyond one annoyance with background images. My stylesheet specified a background image as so:

body {
background-image: url(back_white.jpg);

If the page I am trying to view has a background image, it trumps my stylesheet. At first I thought it was because the page I was viewing set the image in the html, not css, i.e., <body background="/icons/3.jpg">. However, I started changing the page by setting the image using inline CSS. Still no luck. I then got rid of the inline CSS and set the image in the head of the document. Still no luck. Finally, I moved the background declaration into a stylesheet. Alas, still no luck.

Any one have any ideas? I am trying to code the background images on our site so that a user could override them with his/her own stylesheet.




jaybee -> RE: Override background image (7/7/2006 11:54:22)

I may be wrong here but I think you'll find an image is assumed to be part of the page content. Colours and fonts etc are assumed styles and therefore changeable.

I wouldn't spend too much time playing around with it unless you're using IE7 and know that it works the same way.




BeTheBall -> RE: Override background image (7/7/2006 12:20:17)

Thanks jaybee, that was what I was finding but thought perhaps I was missing something. Maybe I will attach a little javascript that will allow a user to suppress the background by clicking a link.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875