All Questions
Tagged with internet-explorer-11 svg
126
questions
0
votes
1
answer
502
views
Internet Explorer makes HEAD and GET requests for same <object>svg
I have an external svg file in my MVC project like this:
<object id="demo" type="image/svg+xml" data="/Content/images/demo.svg" style="width: 100%; height: 100%; display:block; right:0; position:...
0
votes
1
answer
144
views
SVG image clip from text only working in IE11, other browsers yielding various results
Hi so I made best effort to make several different keyword searches for my problem and I couldn't seem to find any previous posting so i'm posting this. If I missed one that is similar please excuse ...
6
votes
1
answer
2k
views
SVG backgrounds are getting cut off in IE11 when zooming
We are trying to display SVG backgrounds in internet explorer. Our images are always getting cut off when a zoom other than 100% is used. This can be reproduced using the following code:
with this ...
1
vote
0
answers
980
views
In IE11 SVG stroke-dashoffset creates "fixed" dash
This is kind of hard to explain, so I'll start by linking to a my CodePen that demonstrates the issue, and ask you to open it in IE11 to see the issue, and another browser (Chrome, for example) to see ...
1
vote
1
answer
206
views
IE11 retaining issue with CSS animation
I have an svg inside a button. it has an initial animation and when you hover it'd has another one that reverse that animation to give you the rotation affect.
There is a painting issue in IE11(also ...
3
votes
0
answers
748
views
CSS Sprites horrible slow using Edge or Internet Explorer 11
We have a Singe Page Application using AngularJS 1.5 and it works smoothly using Chrome but unfortunately we also support IE 11+ and probably Edge and using these browsers, the performance is close to ...
5
votes
1
answer
706
views
SVG image badly scaled in IE11
I have an external SVG image that won't keep it aspect-ratio in IE11.
.container {
width: 400px;
height: 400px;
display: block;
border: 1px solid blue;
}
img {
max-height: 200px;...
1
vote
2
answers
3k
views
IE11 won't display inline SVG background-image
span {
background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='8px' ...
2
votes
1
answer
157
views
Why the gap and width of SVG rectangles, drawn consecutively, are uneven when rendered in IE11?
The gap and width of SVG rectangles are uneven visually when rendered in Internet Explorer 11.
Consecutive rectangles are drawn having same gap and width but in IE11 the gap and width seem to be ...
0
votes
0
answers
321
views
SVG not scaling on Internet Explorer
I have a list of 4 inline SVGs, each with the same height but different widths. Looks like this:
<ul>
<li>
<a href="">
<svg version="1.1" x="0px" y="0px" viewBox="0 0 ...
0
votes
1
answer
646
views
How to make a vertical cross browser linear gradient using svg (for modern browsers)?
I am having trouble making SVG vertical linear gradients work in IE 11
, so the question is - given the following svg how to make the gradient identified as Gradient1 work in such a way that it is a ...
11
votes
1
answer
6k
views
Inline SVG background not working in Internet Explorer 11
I have the following inline SVG defined as a background-image in my css.
div {
border: 1px solid black;
background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/...
0
votes
1
answer
3k
views
Using svg in IE11
I find that this svg renders correctly in Chrome, Firefox and IE11:
background:#000 url('data:image/svg+xml;utf8,<svg width="42px" height="42px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="...
0
votes
1
answer
378
views
Cant float SVG in IE10/11 or Edge12
I've got similar to the attached code (this is stripped down, but the issue persists)
In IE10/10 and Edge12 the SVG won't float to the right of the container, all other browsers I've tested work.
...
0
votes
2
answers
3k
views
IE10 & 11 rendering issue with SVG text and textLength attribute
I have SVG files created by converting AI files to SVG. They contain text elements with rectangles around them. To get the text to show the correct height and width the textLength attribute is used. ...