26587 - Image does not appear on page

Status: VERIFIED WORKSFORME

(Core Graveyard :: GFX, defect, P3)

Description

[emckinney]

Click the "Making the Earth Move" link.  The image of the Earth does not appear.
 (Checked vs. IE5 to verify position, correct coding of page.)  You can still
right-click the position of the image and select View Image.  Earth does appear
in the View Image browser window.
I'm Using M13 on a Gateway P2.  T3 connection.

Comment 1

[Patrick C. Beard]

The problem is that in the style class #earth, the z-index is set to -10, which 
puts it behind its parent. And since its parent is the background, which has an 
opaque image specified, then of course the earth image will be hidden. If I 
remove the z-index property, the image shows up. I'd wager that IE5 isn't 
properly implementing the z-index property.

There are other problems with the original document, namely not being able to 
access "earth" as a top-level variable from within the moveEarth() function, so I 
modified it a bit to make it work under Mozilla. I changed it to access the 
earth.gif image as "earth = document.images[0]" and got to the div object via 
"earthParent = earth.parentNode". Changing style.left and style.top of this 
object successfully moves the earth image, but interesting enough, causes it to 
float above other things, it doesn't change the effective height of the div.

Comment 2

[Patrick C. Beard]

Attachment: modified earthmove.html and associated images

Comment 3

[Patrick C. Beard]

The attachment is a .zip file.

Comment 4

[Patrick C. Beard]

CCing vidur for him to look at possible DOM bugs.

Comment 5

[Eric Pollmann]

See new bug 26917, which addresses an aspect of this bug.

Comment 6

[John Unruh]

Verified worksforme.

Comment 7

[Pulsebot]

Pushed by ffxbld-merge:
https://hg.mozilla.org/releases/mozilla-beta/rev/0fd49ccccf2e
[fenix] For https://github.com/mozilla-mobile/fenix/issues/26587 - Fix broken previews using Fenix Image composable
https://hg.mozilla.org/releases/mozilla-beta/rev/ca0d2ea23951
[fenix] For https://github.com/mozilla-mobile/fenix/issues/26587 - Replace the color in DefaultImagePlaceholder with FirefoxTheme layer2