Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS IE8 fix for background-size property? Retina Image

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #40043
    mcgarriers
    Member

    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:
    `

    `

    Can someone explain how I fix this for IE?

    Many thanks for any help :-)

    #110928
    TheDoc
    Member

    There is no retina display that will be using IE8, you don’t need this.

    #110935
    joshrives
    Member

    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 42×48 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);

    #110954
    Kitty Giraudel
    Participant

    Agreed @TheDoc. No retina display will ever use IE8.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.