All Questions
Tagged with internet-explorer-11 svg
126
questions
0
votes
0
answers
93
views
IE11 - SVG printing not showing all drawn elements
I'm trying to print my svg on IE, but only half of the svg is printed, the other half is hidden no matter how much width I set for the svg in @media print. Hope someone can help!
Here is the code:
<...
0
votes
1
answer
171
views
SVG images not being clipped to width of SVG container in IE11
When displaying some SVG icons within an SVG of a fixed width, they should be clipped to the width of that SVG container.
In all sensible browsers this works fine but in IE11 the icons extend beyond ...
1
vote
0
answers
208
views
SVG breaks into next line in IE11
My problem is that SVGs inside an a-tag with text in IE11 are breaking into the next line despite of me adding "display: inline" to the SVG.
Also adding "display: flex" on the a-...
1
vote
2
answers
501
views
Find parent "SVG" element in Internet Explorer
var HELPERS = {
getElem: function($this) {
return HELPERS.findAncestor($this, "svg");
},
findAncestor: function (el, sel) {
while ((el = el.parentElement) && !((el.matches || el....
1
vote
1
answer
55
views
IE11 filter attribute not supported
I tried the below code and noticed in IE11, the second circle did not appear at all. Once I removed the filter="url(#blurMe)" from the second circle tag, I was able to see the green second ...
0
votes
1
answer
58
views
Why isn't internet explorer displaying my .svg images correctly?
I have an image in my html file:
<img src="../path-to-image/image.svg" class="image-class" />
and some simple css:
.image-class{
height: 80px;
width: 80px;
}
However, instead ...
0
votes
1
answer
77
views
SVG getting distorted in IE
I am trying to embed an svg into a web page. It works fine in Chrome and Firefox but gets completely distorted in IE. Please use the below svg block of code as reference:
<svg width="33" ...
0
votes
2
answers
235
views
Simple SVG project cause error on Internet Explorer 11
I am learning svg and would like to compare displaying svg items on different browsers. My code works fine on firefox, chrome, edge, safari etc, but cannot work on ie11. Unfortunately application I ...
1
vote
1
answer
905
views
cannot apply drop shadow in IE11
how can i show in internet explorer 11 the same shadow that I can apply in chrome using this rule?
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.5));
This is my working chrome markup HTML
<...
0
votes
2
answers
287
views
IE11 SVG transform: translate not working
I want to animate a circle
@keyframes animation {
0% {
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 1;
-webkit-...
0
votes
0
answers
114
views
SVG image not getting updating on E11
I have an accordion opens and close on click of down/up caret button. Works fine on all browsers except E11.
Through JS I am updating SVG's xlink:href attribute on click of caret like
<svg xmlns=...
1
vote
1
answer
660
views
SVG naturalWidth on IE11
I'm trying to get the naturalWidth property from an SVG image on IE11. I can get the naturalWidth and naturalHeight on Chrome, Firefox, and Safari but on IE11 it always returns 0.
Here is a simple ...
0
votes
1
answer
362
views
CSS: SVGs in data URL not working in IE11
I am doing something like this (in a React app, using styled components):
a {
position: relative;
}
a::after {
content: '';
position: absolute;
bottom: -10px;
display: block;...
0
votes
1
answer
2k
views
SVG Icons not working in Internet Explorer
In my web application i'm using SVG icons, main reason is dat i'm using than for multi-tenant design. I've tried a lot of options but in Internet Explorer almost every version, it doesn't work. It ...
5
votes
2
answers
5k
views
IE11 - Object doesn't support property or method 'contains'
Working with Rappid I encountered an error in IE11 console:
Object doesn't support property or method 'contains'
This error is from an SVGElement not having that method. Same code in Chrome works.
...