I am trying to use SVG icons from an SVG sprite as DIV background. I have PNG icons to fallback for browsers that don't support SVG. This works with Chrome and Firefox but not IE11 (and Safari). IE11 renders SVG images but not as background of DIV in CSS. IE10 and IE11 don't accept conditional comments. I tried to add X-UA-Compatible META tag ('IE=9') but it does not help. I am looking for a way to have SVG Icons from a "Sprite" and PNG for older browsers. How can this be done without JS? Is there a workaround?
Related Questions in INTERNET-EXPLORER
- How do I wrap text in a pre tag for Internet explorer?
- How do I extract info from crunchbase
- Jquery on submit ajax post needs two clicks in IE
- SSL certificate error 403.13 in IIS 7.5
- Hiding Script Errors popups in IE8
- Internet explorer 11 browser cannot display the expires value of the session cookie from my app
- Internet Explorer hover/rgba/opacity/css3 compatibility
- How to wait for a java applet to load when automating Internet Explorer?
- Javascript Event.originalEvent.path IE8 error
- cursor: copy not working in Internet Expoler
- input[type="submit"][disabled] not working for IE8
- Auothotkey: Remove string, placement string in subject box
- Why does IE show junk for my dasBlog blog?
- Lag in scrolling behavior on IE 10 and IE Edge modes
- Using angularJS click on enter form functionality in Internet Explorer
Related Questions in SVG
- Svg containers not positioning properly
- How do I create a teardrop in HTML?
- Get current rotation in degrees of group in snap.svg
- Add Specific width and height for a svg image
- SVG data image not working as a background-image in a pseudo element
- Scala.js: Selecting and manipulating generated SVG
- selecting and using textPath elements in Chrome
- HaxeFlixel, icon turns into a Black square
- Can this kind of SVG be simplified?
- SVG progressive line drawing animation
- Catmull-Rom interpolation on SVG Paths
- Hide overflow for inner g element inside svg element
- Pure CSS3 or SVG animated Doughnut Chart
- SVG icons with PyQt on Windows and Linux
- d3 preventing drag on specific elements
Related Questions in INTERNET-EXPLORER-11
- detecting plugins on IE11 using javascript
- KO binding is not working in IE10 and IE11
- Using JSSOR Slider with IE11
- Content of iframe (ionic app) doesn't scroll on Internet Explorer using touch
- Angular on a svg - $sce.trustAsHtml inside svg does not work in safari and ie
- PDF cannot be seen on IE11/10/9 recently
- Execute Javascript onWindowClose in IE11
- IE Rendering Bug on EM sized inputs
- Strange behaviour with spliting a string in Javascript
- Media Source Extension on Firefox and IE
- Run Native Client Within Chrome Frame in Internet Explorer
- JavaScript in IE11 giving me script error 1003
- function.bind() not supported in IE8. make it available specifically for IE8 browsers? or keep it generic
- Once page load , table content disappearing in IE 11
- Security Error on IE11 when using Worker
Related Questions in CONDITIONAL-COMMENTS
- What is the meaning of `lt` in `[if lt IE 9]`
- Alternative to IE 10 Conditional Comments to center positioned div
- Change line in <script> tag only for IE
- Conditional comment for meta tag doesnt work
- CSS Conditional comments not working(Updated To: IE specific css?)
- What's wrong with my conditional comment?
- IE conditional stylesheet not loading
- When would <!--[if !IE]> be used?
- Adding Conditional Comments using DomDocument
- Outlook conditional comments hiding mobile version on all clients
- IE10 is reading IE8 conditional comments
- Mobile first approach using LESS and nested media queries - looking for an IE10 alternative to conditional comments
- Conditional Comments to target Windows Phone 7 Internet Explorer 9
- What would make Internet Explorer NOT process conditional comments properly?
- Is it bad to put <div> elements within the <head> tags?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?