Question

If I have a simple piece of code for example

<div> Test Div </div>

I was wondering how (using CSS) I could make this Div appear only for users of a certain browser.

For example, what if I want to build a “Chrome only feature”, like an image or a div? How do I specify not to show up in Firefox and IE?

Answer 1

I’m doing it for all the wrong
reasons, I have a garbage site I’m
working on. So I used a hacked fix to
make something sit where I want it to
and it works in every browser except
Firefox so I want to just remove the
image in FF.

To hide an image in only Firefox, use:

@-moz-document url-prefix() {
    #myImg {
        display: none
    }
} 

See: https://developer.mozilla.org/en/CSS/@-moz-document

That’s cleaner (and more reliable) than using JavaScript, at least for your use case.

I do think that you must be doing it wrong if the solution is to hide an image in only Firefox.