css - inspeccionar - Fondo adjunto arreglado con la transformación no funciona en Firefox

inspeccionar elemento teclado

Question

La transformación del valor CSS desactiva background-attachment: fixed en Firefox.

Aquí está el example

div {
transform: translate3d(0,0,0); // if remove starts to work
width: 100%;
height: 2000px;
background-image: url(''http://www.wallpapereast.com/static/images/001_Fish-Wallpaper-HD_hkNsK33.jpg'');
background-size: cover;
background-attachment: fixed;
}

<div></div>

Si eliminas la transformación de CSS comienza a funcionar. Reproducible solo en FF.

Answer 1

background-attachment:fixed; no funciona cuando se aplica cualquier ''transformación''

y eso es un error en Firefox y aún no está arreglado.

Referencia: https://bugzilla.mozilla.org/show_bug.cgi?id=1292499

Answer 2

Esto se ha resuelto en esta pregunta .

position larga de uso breve de la historia en lugar de background-attachment de background-attachment .

Answer 3

Fue un problema común hace 2 años, pero que yo sepa, se resolvió hace un tiempo, y ahora la propiedad CSS de background-attachment ahora es totalmente compatible con todos los navegadores, según MDN .