77275 - Improper initial rendering of replaced, no-repeat CSS background images.

Status: RESOLVED DUPLICATE of bug 74279

(Core Graveyard :: GFX, defect)

Description

[Stefan Huszics]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; 0.8.1) Gecko/20010323
BuildID:    2001032319

CSS background images are clipped in all the parts lieing outside of the non
replaced location. This might leave a part, or the entire picture, unvisable
until the page gets refreshed (eg scroll down and then back up).

The nonfunctioning code:

{ background: #000 url(somepicture.jpg) scroll 50% 0% no-repeat; }

Plausable cause:
The clipping area for the picture is the same as if it would have been non replaced
Ie it's handled the same as if the CSS code would have been 

{ background: #000 url(somepicture.jpg) scroll 0% 0% no-repeat; }

Reproducible: Always
Steps to Reproduce:
1.When you first go to the link there will not be any images appearing behind
the text in a full size browser window (unless you can't keep your mouse still,
if you move it the backgrounds will start to appear slowly here and there)

2.Now, resize the document so it is not wider then the widest textline/link and
reload. This time the background pictures will show up from the get go.

3. If you do yeat another resize, a few cm larger then widest text/linkline, and
reload .... only a part of the background image shows up.

4.If you again maximize the window and reload, the background images are again gone.

This was not present in builds in early January (IIRC) but sometime in late
January or February it started to come up.

Have been quite puzzled by it but didn't think much of it until I yesterday kept
stumbeling across it while doing a "button" navbar in CSS during which I managed
to pin it down resonably good.
Hope there is enough info in here for you to solve it easily =)

Comment 1

[Boris Zbarsky [:bzbarsky]]

sounds like compositor...

Comment 2

[Phillip Oertel]

i am experiencing the same problems. it is not displayed before i move the
mouse/click.however my CSS is a little different, but what what both cases have
in common:

* background-image:url(someurl);
* background-repeat:no-repeat;
* positioning rules (% or px)

my CSS:
TD.Tbildh {
	background-image:url(./stuff/tag_template_h.png);
	background-repeat:no-repeat;
	background-position:0px 26px;
}

if you don't specify positioning rules, everything works fine.
(compare BODY tag CSS in my link)

full HTML example: (the bars on the right with the dates)
http://www.weinbau-jauk.at/phillip/kalender/

Comment 3

[Tuukka Tolvanen (sp3000)]

http://www.weinbau-jauk.at/phillip/kalender/ works for me, win98, 2001083103.
This might be dup of bug 74279

Comment 4

[Stefan Huszics]

> This might be dup of bug 74279

Agreed, marking this as dupe.
I assume I missed it due to a possibly "fuzzy" original summary on 74179.


*** This bug has been marked as a duplicate of 74279 ***