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.
Versions 3.0, 3.5, and 3.6 of Firefox have some differing CSS. This is a set that I created for the 3.6 variation.
Here are a few for 3.6 and newer:
/* Firefox 3.6+ */
@media screen and (-moz-images-in-menus:0) {
body:last-child .selector { property:value; }
}
Author: Jeff Clayton
/* Firefox 3.6+ */
_:-moz-locale-dir(ltr), .selector { property:value; }
Author: Jeff Clayton
/* Firefox 3.6+ */
html:not(:-moz-handler-crashed) .selector { property:value; }
Author: Jeff Clayton
Here is a one I created that targets only 3.6 – using this and the 3.5-3.6 hack in order one can separate 3.5 and 3.6.
/* Firefox 3.6 */
_:not(), _:-moz-handler-crashed, .selector { property:value; }
Author: Jeff Clayton
Targeting anything 3.x and below is possible (Firefox below version 4) with a version of the ‘not’ selector:
/* Firefox 3.6- (Firefox < 4.0) */
_:not(), .selector { property:value; }
Author: Jeff Clayton
As mentioned above, to test this live, view it on my test page at:
[ http://browserstrangeness.bitbucket.org/css_hacks.html ]
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
Leave a Reply