Hi!
Wonder if someone can help out.
I am using the following CSS for Retina images and it works perfectly in FF, Chrome, Safari but not in IE.
Is there a fix for IE for using background-size - and if so, how could I implement it using my current code?
CSS: .arrow-big-right { display: block; width: 42px; height: 48px; margin-bottom: 1.8em; background-image: url(arrow-big-right.png); background-repeat: no-repeat; background-size: 42px 48px; }
.arrow-big-right { display: block; width: 42px; height: 48px; margin-bottom: 1.8em; background-image: url(arrow-big-right.png); background-repeat: no-repeat; background-size: 42px 48px; }
HTML: <div class="arrow-big-right"></div>
<div class="arrow-big-right"></div>
Can someone explain how I fix this for IE?
Many thanks for any help :-)
There is no retina display that will be using IE8, you don't need this.
I'm thinking the issue is probably that the background image is too big for the container though.
What you want to do is make a 42x48 version of the image also and in your IE8 only stylesheet change the background to something like
background-image: url(arrow-big-right-ie.png);
Agreed @TheDoc. No retina display will ever use IE8.
Hi!
Wonder if someone can help out.
I am using the following CSS for Retina images and it works perfectly in FF, Chrome, Safari but not in IE.
Is there a fix for IE for using background-size - and if so, how could I implement it using my current code?
CSS:
.arrow-big-right { display: block; width: 42px; height: 48px; margin-bottom: 1.8em; background-image: url(arrow-big-right.png); background-repeat: no-repeat; background-size: 42px 48px; }HTML:
<div class="arrow-big-right"></div>Can someone explain how I fix this for IE?
Many thanks for any help :-)
There is no retina display that will be using IE8, you don't need this.
I'm thinking the issue is probably that the background image is too big for the container though.
What you want to do is make a 42x48 version of the image also and in your IE8 only stylesheet change the background to something like
Agreed @TheDoc. No retina display will ever use IE8.