Grow your CSS skills. Land your dream job.

Ie8 png problem

  • # September 29, 2011 at 5:07 am

    Hello everyone, i’m having a big issue with ie8 creating a black stroke around pngs…

    I have tried A LOT of solutions but none worked, can someon ehelp me before i go out and set microsoft headquarters on fire?

    (site: http://www.sito-mobile.it/ipad_test/)

    # September 29, 2011 at 5:19 am

    First try

    img {
    border: 0;
    }

    or if they are links

    a img {
    border: 0;
    }
    # September 29, 2011 at 5:26 am

    the problem is in how IE renders the png, no css borders involved

    # September 29, 2011 at 5:56 am

    IE8 shouldn’t have any issues with rendering pngs but I do recall some version of IE used to put borders around linked images (IIRC) by default. Whatever, it can’t hurt.

    Is it happening to all pngs or just some?

    # September 29, 2011 at 6:09 am

    let me aswer your question with a screenshot

    http://www.sito-mobile.it/ipad_test/ie.png

    # September 29, 2011 at 6:19 am

    I don’t think that’s a border issue…it looks more like an interference pattern caused by overlaying transparent pngs (dropshadows?) &/or gradients.

    # September 29, 2011 at 6:29 am

    i never said it’s a border issue maybe you missunderstud what i was meaning with stroke

    # September 29, 2011 at 6:50 am

    From the screenshot it still looks like an interference pattern

    # September 29, 2011 at 6:55 am

    solved by using the images as background of a div (what a nonsense -.-)

    Thanks IE

    # September 29, 2011 at 12:21 pm

    Why don’t you take all the images, and put them into one? Less HTTP requests, less PNGness, less hassle, more win.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".