https://bugzilla.wikimedia.org/show_bug.cgi?id=71253
Bug ID: 71253
Summary: Don't use background-image-svg when there is no SVG
Product: MediaWiki extensions
Version: master
Hardware: All
OS: All
Status: NEW
Severity: normal
Priority: Unprioritized
Component: GettingStarted
Assignee: [email protected]
Reporter: [email protected]
CC: [email protected], [email protected],
[email protected], [email protected]
Web browser: ---
Mobile Platform: ---
See
https://git.wikimedia.org/blob/mediawiki%2Fextensions%2FGettingStarted.git/5f5c2f1c9522765d631f9f9fc05ca21a76ae3486/resources%2Flightbulb%2Flightbulb.flyout.less#L212
It looks like the idea is to use the higher-resolution GIF on browsers that
support SVG. However, there's no absolute correlation between screen pixel
density and browser support for SVG backgrounds.
Alternatives are:
* Media queries (which would keep it a background image). See example section
at
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#-moz-device-pixel-ratio
. This is probably simplest, since it doesn't require changing the markup.
* <img srcset> (which requires converting it to an <img>). There is also a
module jQuery.hidpi, which can be used to polyfill this.
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
