background-attachment:fixed;
doesn’t work when any ‘transform’ is
applied
and that’s a bug in firefox and it is not yet fixed.
Reference: https://bugzilla.mozilla.org/show_bug.cgi?id=1292499
More Related Contents:
- Custom CSS Scrollbar for Firefox
- SVG data image not working as a background-image in a pseudo element
- CSS3 background image transition
- How to get div height to auto-adjust to background size?
- How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
- z-index is canceled by setting transform(rotate)
- CSS @font-face not working with Firefox, but working with Chrome and IE
- Content url does not display image on firefox browser
- :not() selector not behaving the same between Safari and Chrome/Firefox
- Gradients in Internet Explorer 9
- draw diagonal lines in div background with CSS
- Custom Cursor Image CSS
- 3D CSS transform, jagged edges in Firefox
- Why does the linear-gradient disappear when I make an element position:absolute?
- firefox overflow-y not working with nested flexbox
- Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
- How to hide scrollbar in Firefox?
- How can I zoom an HTML element in Firefox and Opera?
- CSS3 transform order matters: rightmost operation first
- Firefox ignores padding when using overflow:scroll
- How to force re-render after a WebKit 3D transform in Safari
- Faster way to develop and test print stylesheets (avoid print preview every time)?
- div background color, to change onhover
- What is the correct “-moz-appearance” value to hide dropdown arrow of a element
- Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
- Preventing an image from being draggable or selectable without using JS
- position relative in firefox [duplicate]
- CSS: transform: translate(-50%, -50%) makes texts blurry [duplicate]
- Firefox blurs an image when scaled through external CSS or inline style.
- Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?