Closed Bug 1243654 Opened 9 years ago Closed 9 years ago

Pullquote on eater.com has a gradient background /w webkit css (due to lack of support for -webkit-background-clip: text)

Categories

(Core :: CSS Parsing and Computation, defect)

defect
Not set
normal

Tracking

()

RESOLVED FIXED
Tracking Status
firefox47 --- affected

People

(Reporter: kbrosnan, Unassigned)

References

()

Details

(Whiteboard: dom-triaged)

Attachments

(1 file)

* Load http://sf.eater.com/2016/1/19/10784686/the-perennials-san-francisco-opening * Scroll to or use find to go to the pullquote "Imagine driving a new Tesla home from the lot," Actual: background gradient Expected: element should be transparent Toggling layout.css.prefixes.webkit and reloading the page fixes the issue
Thanks for the report Kevin -- this one is going to require support for -webkit-background-clip: text; https://cdn0.vox-cdn.com/stylesheets/eater_styles_all.v1048757eae78c998.css q.p-pullquote, .m-entry-body q, .m-feature-body q, q.pullquote, .p-pullquote, .m-entry-body q, .m-feature-body q { display: block; color: #e60000; background: -webkit-gradient(linear, left top, left bottom, from(#e60000), to(#ff5a00)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.5em; padding: 0; margin: 0 0 .1em 0; font-family: Georgia,serif; font-weight: normal; }
Blocks: 1213126
Depends on: 1238550
Summary: Pullquote on eater.com has a gradient background /w webkit css → Pullquote on eater.com has a gradient background /w webkit css (due to lack of support for -webkit-background-clip: text)
Attached image screenshot (deleted) —
Depends on: 759568
No longer depends on: 1238550
Whiteboard: dom-noted
Whiteboard: dom-noted → dom-triaged
Component: DOM: CSS Object Model → CSS Parsing and Computation
As noted in comment 2, this page just needs "-webkit-background-clip: text" support, which has now landed, in bug 759568. And indeed, I get EXPECTED RESULTS (nice gradient text-coloring, no gross background) on the section of the page shown in the screenshot. --> Resolving as FIXED by bug 759568.
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: