1258543 - Images / Animations on http://www.apple.com/hk/en/ipad-pro look poor

Status: RESOLVED WORKSFORME

(Firefox :: Untriaged, defect)

Description

[Josh Howard [:jrh]]

Attachment: Firefox view of iPad Pro Image.png

Some of the image animations on http://www.apple.com/hk/en/ipad-pro/ have an opaque white background instead of transparent, resulting in a less than ideal rendering of the content of the page. Attaching two images, one for the Firefox view, one for the Safari view.

Comment 1

[Josh Howard [:jrh]]

Attachment: Safari view of iPad Pro Image.png

Comment 2

[Justin Dolske [:Dolske]]

WFM in a current Nightly.

In the CSS I see "html.css-mask-or-clip-path .page-overview .section-hero .image-hero-big", which made me suspect bug 686281, but I don't see any actual mask rules on the page. I do see clip-path, bug 1075457 implemented something like that but it's pref'd off?

The actual image is a JPG (so no transparency), the relevant rule seem to be:
 html.css-clip-path .page-overview .section-hero .image-hero-big {
	-webkit-clip-path: url("//www.apple.com/v/ipad-pro/d/images/overview/hero_pro_12_9_clip_medium.svg#mask");
	clip-path: url("//www.apple.com/v/ipad-pro/d/images/overview/hero_pro_12_9_clip_medium.svg#mask");
}

Comment 3

[Jonathan Watt [:jwatt]]

Also WFM in Firefox 45 on OS X.

jrh, what platform etc. are you using?

Comment 4

[Josh Howard [:jrh]]

OS X (10.11.3), with Beta 46.0b2 and Developer Edition from 3-21.

So... I just came home and loaded them up and things looks normal now on both, though it was displaying poorly on both before. Not sure I can explain what the difference is; perhaps Apple fixed something or I'm just crazy.

Comment 5

[Jonathan Watt [:jwatt]]

Well reopen if you can reproduce. :)