More then One Background Image in CSS?
Hello,
Apparently after reading much information this is impossible or is there a way to work around this?
The page is in a frameset, validates in the CSS Validator with a 2.1, no errors. In the HTML Validator there are three errors and that's because I am using an attributes which aren't permissible.
I have two images, one for the right and one for the left side, they are both the same size and want them fixed, the left side works fine but can't introduce the right side, is there a way of doing this?
webwiz posted this at 17:41 — 21st May 2009.
He has: 629 posts
Joined: May 2007
Multiple background images are coming in CSS 3. Only implemented in Safari so far.
Assuming these are decorative images only, you'll need to add an extra DIV inside the other image container in order to add the extra background-image. No need to put any declarations other than "background-image: url(path-to-image) no-repeat top right;" for that DIV.
OTOH - if the images are part of the content, floating them left and right would work. But you knew that.
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.