Question

I have an img src on my website, and I noticed a cross-browser compatibility issues. I know there’s a way to detect browsers with JavaScript, but is there a way to make it so that the image disappears in Internet Explorer and Firefox? It seems to work just fine in google chrome.

Answer 1

You can set it as default-hidden, then show it again using WebKit-specific CSS:

#someImage {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #someImage {
        display: inline; /* Or whatever else you may have set it to */
    }
}