background-attachment:

[bhazzard]

okay so I have a huge gripe with the specs for the "background-attachment:" values available to us in css. Scroll means that the background image will scroll within the containing element.Fixed is a little more controversial. in IE, Fixed means that the background image is fixed to the containing element; In Mozilla it means it is fixed to the viewport. According to the specs, IE is in the wrong, but according to useful applications, I think IE was on to something.Obviously there are applications for fixed the way it stands... but there are millions of applications for fixed the way IE treats it, perhaps more applications than there are for the proper treatment of the value.So why havent we caught on to this and created a new value that allows us to fix a background to the containing element? That way developers would have so much more power in their background image arsenal.I say this needs to happen quickly!!!!

[Nago]

There are a lot of things that need to occur with HTML and CSS. Until then, take up drinking. It'll be healthier.

[bhazzard]

There are a lot of things that need to occur with HTML and CSS. Until then, take up drinking. It'll be healthier.

<{POST_SNAPBACK}>

Sadly, you are probably right. Until these changes happen though, we all have to rely on rediculous hacks and workarounds that make our code look rediculous.

[Guest FirefoxRocks]

Is there a way to make the background image inherit or something?

[rzea]

I ran a small test and created a DIV with a background image, not fixed at first. This is the code I used:HTML:

 <div id="fixed-bg">   <p>fixed-bg</p>   <p>fixed-bg</p>   <p>fixed-bg</p>   <p>fixed-bg</p>   <p>fixed-bg</p>   <p>fixed-bg</p>   <p>fixed-bg</p>   <p>fixed-bg</p>  </div>

CSS:

#fixed-bg { width:200px; height:200px; background:url(background.jpg); overflow:auto;}

Surprise, surprise, Firefox 2.x FIXES the background to the container even when the background: declaration does not have the fixed property in it. But IE6/7 handle the declaration properly: when fixed is applied, it fixes the background, when it's not applied, it scrolls properly with the content.It's... supposed... to... work in... Firefox!