This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 19010 - Flag styling does not degrade gracefully and is broken in FF
Summary: Flag styling does not degrade gracefully and is broken in FF
Status: RESOLVED FIXED
Alias: None
Product: webplatform.org
Classification: Unclassified
Component: skin (show other bugs)
Version: unspecified
Hardware: PC All
: P2 normal
Target Milestone: ---
Assignee: Lea Verou
QA Contact: public-webplatform-bugs list
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-09-25 17:33 UTC by Lea Verou
Modified: 2012-10-12 00:31 UTC (History)
0 users

See Also:

Attachments

Description Lea Verou 2012-09-25 17:33:11 UTC 
The flags are rectangular in Firefox. Moreover, in browsers that don’t support border-image, there is no fallback, resulting in white text over pink which is incredibly hard to read.

I'd suggest we use a CSS gradient for them, which will degrade gracefully in older browsers. The browser support for CSS gradients is similar or better to that of border-image.