Question

Here’s the deal, I have a jQuery plugin I am using that works best in Safari and Chrome.. It slows down Firefox.. But, not using the plugin isn’t an option because it’s just so awesome.

What I want to do is load a different background for Firefox and not any other browser.. How do I accomplish this with CSS, or jQuery?

Answer 1

You could use a conditional comments to load a different style sheet or detect the browser with jQuery:

---

if ($.browser.mozilla && $.browser.version >= "1.8" )                     
    $("body").css("background-image", "firefox-background.jpg" );