Why will one raster image not load in Internet Explorer, and another one will?

I think I may be putting the link in wrong.

“I will look into this more later.”

How come this link Won’t load in internet explorer, but only in firefox.

Why won’t this raster url register in Internet explorer?

I don’t get it.

data:image/svg+xml;
base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTI2MCAxNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNTIgMEgxMjZDOTEuMyAwIDYxLjcgMTIuMyAzNyAzNyAxMi4zIDYxLjcgMCA5MS4zIDAgMTI2djEyNjBjMCAzNC43IDEyLjMgNjQuMyAzNyA4OSAyNC43IDI0LjcgNTQuMyAzNyA4OSAzN2gxMjZjMzQuNyAwIDY0LjMtMTIuMyA4OS0zNyAyNC43LTI0LjcgMzctNTQuMyAzNy04OVYxMjZjMC0zNC43LTEyLjMtNjQuMy0zNy04OS0yNC43LTI0LjctNTQuMy0zNy04OS0zN3ptODgyIDBoLTEyNmMtMzQuNyAwLTY0LjMgMTIuMy04OSAzNy0yNC43IDI0LjctMzcgNTQuMy0zNyA4OXYxMjYwYzAgMzQuNyAxMi4zIDY0LjMgMzcgODkgMjQuNyAyNC43IDU0LjMgMzcgODkgMzdoMTI2YzM0LjcgMCA2NC4zLTEyLjMgODktMzcgMjQuNy0yNC43IDM3LTU0LjMgMzctODlWMTI2YzAtMzQuNy0xMi4zLTY0LjMtMzctODktMjQuNy0yNC43LTU0LjMtMzctODktMzd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+
<div style="
        width: 36px;
        height: 36px;
      
      background-color: rgba(0,0,0,.7);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTI2MCAxNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNTIgMEgxMjZDOTEuMyAwIDYxLjcgMTIuMyAzNyAzNyAxMi4zIDYxLjcgMCA5MS4zIDAgMTI2djEyNjBjMCAzNC43IDEyLjMgNjQuMyAzNyA4OSAyNC43IDI0LjcgNTQuMyAzNyA4OSAzN2gxMjZjMzQuNyAwIDY0LjMtMTIuMyA4OS0zNyAyNC43LTI0LjcgMzctNTQuMyAzNy04OVYxMjZjMC0zNC43LTEyLjMtNjQuMy0zNy04OS0yNC43LTI0LjctNTQuMy0zNy04OS0zN3ptODgyIDBoLTEyNmMtMzQuNyAwLTY0LjMgMTIuMy04OSAzNy0yNC43IDI0LjctMzcgNTQuMy0zNyA4OXYxMjYwYzAgMzQuNyAxMi4zIDY0LjMgMzcgODkgMjQuNyAyNC43IDU0LjMgMzcgODkgMzdoMTI2YzM0LjcgMCA2NC4zLTEyLjMgODktMzcgMjQuNy0yNC43IDM3LTU0LjMgMzctODlWMTI2YzAtMzQuNy0xMi4zLTY0LjMtMzctODktMjQuNy0yNC43LTU0LjMtMzctODktMzd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
        background-repeat: no-repeat;
        background-size: 14px 18px;
        background-position: 50%;
        border-radius: 500px;
        border: 1px solid red;
        cursor: pointer;
    "> </div>

But this one will?

It’ll load in both?

data:image/svg+xml;
base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIyNiAxNDgxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDEzOTRWODdDMCA0Ni4zIDEzLjMgMTkuOCA0MCA3LjUgNjYuNy00LjggOTguNy4zIDEzNiAyM2wxMDM0IDYzNGMzNy4zIDIyLjcgNTYgNTAuMyA1NiA4M3MtMTguNyA2MC4zLTU2IDgzTDEzNiAxNDU4Yy0zNy4zIDIyLjctNjkuMyAyNy44LTk2IDE1LjUtMjYuNy0xMi4zLTQwLTM4LjgtNDAtNzkuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=

I got it now. I was confusing 2 different things.

These are the steps:
You put this code into the code reader.
Right Click: This Frame
Save Frame As: Web Page, complete
Open File In Internet Explorer
Save Picture As: PNG

<svg viewBox="0 0 1260 1512" xmlns="http://www.w3.org/2000/svg"><path d="M252 0H126C91.3 0 61.7 12.3 37 37 12.3 61.7 0 91.3 0 126v1260c0 34.7 12.3 64.3 37 89 24.7 24.7 54.3 37 89 37h126c34.7 0 64.3-12.3 89-37 24.7-24.7 37-54.3 37-89V126c0-34.7-12.3-64.3-37-89-24.7-24.7-54.3-37-89-37zm882 0h-126c-34.7 0-64.3 12.3-89 37-24.7 24.7-37 54.3-37 89v1260c0 34.7 12.3 64.3 37 89 24.7 24.7 54.3 37 89 37h126c34.7 0 64.3-12.3 89-37 24.7-24.7 37-54.3 37-89V126c0-34.7-12.3-64.3-37-89-24.7-24.7-54.3-37-89-37z" fill="#fff"/></svg>

On a side note, how come you can’t save an SVG path as an image via firefox, only through Internet Explorer?

Like I did above, how come Save Picture As PNG

Can’t be done through firefox, only I.E.?

For Example

This SVG path right here

If I open it with firefox and right click on it I see this.

Now if I open that same file with internet explorer I see this.

My question is, how come firefox doesn’t allow you to save the svg file as an image, only internet explorer allows you to do this?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.