CSS Hacks for Firefox 4+

[ View All Firefox CSS Hacks ]

These are my legal CSS Hacks for fixing web browser quirks or outright bugs. Please enjoy, I have been working on them for years. May it help you if you need them. Please read here first: [What are these CSS Hacks Anyway?] Then check my [Live CSS Hacks Test Page] and also [BrowserHacks.com] where I sent new hacks and test submissions for the site.

Here are a couple of CSS hacks I put together for version 4.

A one-liner using a pseudoclass:

/* Firefox 4+ */

_:-moz-ui-valid, :root .selector { property:value; }

Author: Jeff Clayton

There are media queries out there, this is one I cleaned up and simplified:

/* Firefox 4+ */

@media (-moz-device-pixel-ratio) { .selector { property:value; } }

Source: My Simplest Version of an Old Query

As mentioned above, to test this live, view it on my test page at:

[ http://browserstrangeness.bitbucket.org/css_hacks.html ]

Advertisement

About Jeff Clayton

IT Director/Senior Software Engineer, Photographer I test and create new CSS web page formatting hacks for BrowserHacks.com for the purpose of repairing web sites. PS-- CSS hacks are fun, but please attempt good CSS first unless in a bind. See Test Pages: https://browserstrangeness.bitbucket.io and https://browserstrangeness.github.io

‹ CSS Hacks for Firefox 3.6+ and Firefox 3.6-

CSS Hacks for Chrome 43+ ›

Tagged with: Browser, CSS, CSS Hacks, Firefox, Firefox 4, Hacks, Mozilla, Programming, Web Browser, Web Programming
Posted in Computers, Cool Code, CSS, CSS Hacks, Firefox, Firefox 4, Hacks, Software, Tech, Web, Web Browser, Web Browsers