300422 - CSS background-attachment misspelled

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Dansig]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

The CSS property background-attachment:fixed does not work in Firefox unless you
spell it background-attachement:fixed (with the e after ch).

Reproducible: Always

Comment 1

[:Gavin Sharp [email: [e-mail]]]

Can you attach an HTML file as a testcase? You're almost certainly doing
something wrong, or have the wrong expectations as to what it should do, since
that string doesn't exist in Mozilla code, and anything that commonly used isn't
going to be spelled incorrectly.

Comment 2

[Dansig]

Attachment: Test case for CSS background-attachment:fixed

Comment 3

[Dansig]

(In reply to comment #1)
> Can you attach an HTML file as a testcase? You're almost certainly doing
> something wrong, or have the wrong expectations as to what it should do, since
> that string doesn't exist in Mozilla code, and anything that commonly used isn't
> going to be spelled incorrectly.


Thank you for making me check into this a little further. It seems there is some
unexpected behaviour when applying a background to a block with an
overflow:auto. First, forget about my comment on the misspelling, I was wrong.
Second, if you attach a background to a scrolling block, the default behaviour
is fixed in place (it doesn't scroll). Should it not default to scrolling with
the block? Second, when applying the background-attachment:fixed style to the
block, it renders the bg invisible (which is why I thought the style name was
misspelled), however, you need to add this style for it to work correctly in IE.
The style background-attachment:scroll works like fixed (default behaviour)
though that is counter the CSS2 specification that states that it should scroll
along with the content.

So, is this the correct way for the background to act when placed in a scrolling
block? To get the desired results, should I place the background image in the
contained block, not the container block?

Comment 4

[Anbo Motohiko]

From CSS 2.1 spec:
http://www.w3.org/TR/2005/WD-CSS21-20050613/colors.html#propdef-background-attachment

> If a background image is specified, this property specifies whether it is
fixed with regard to the viewport ('fixed') or scrolls along with the containing
block ('scroll').

And the viewpoint means:
> User agents for continuous media generally offer users a viewport (a window or
other viewing area on the screen) through which users consult a document.


In your testcase, background images are rendered just below the tabbar, not
inside div block. If you resize browser to be shown the vertical scroll bar, You
can see bg images.

Comment 5

[Dansig]

Okay, so according to CSS2 specs, you should not attach a fixed background image
to a container with overflow, you should attach the bg image to an item
contained within the overflow block. Gotcha.

Thanks for the clarification.