CSS Hacks for Firefox 37+

[ 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 is one for Firefox 37 and newer:

/* Firefox 37+ */

@supports (-moz-appearance:none) and (display:contents) {
    .selector { property:value; } 
}

Author: Jeff Clayton

And to target Firefox 37 only:

/* Firefox 37 */

@supports (-moz-appearance:none) and (display:contents)
   and (not (ruby-position:over)) {
      .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 ]

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 2

CSS Hacks for Chrome 42+ ›

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