6
Sto scoprendo che Firefox (44.0.2) sta rendendo il box-shadow CSS molto debole/leggero.Firefox box shadow molto più leggero nell'ultima build
Se si confronta la differenza tra Chrome e Firefox sembra molto più leggero in Firefox. https://jsfiddle.net/8db8zr6q/
Mi chiedevo se qualcuno ha riscontrato questo problema prima e se c'è qualcosa che può essere fatto per risolvere il problema?
codice attuale:
.shadow {
height: 400px;
-webkit-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
-moz-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
}
Immagine di emissione:
Sembra che Firefox (erroneamente) ritagli l'ombra inserita in base alle dimensioni della casella. Anche il raggio di diffusione sembra spento. – BoltClock
@BoltClock puoi verificare che stai dicendo di firefox con una definizione W3C? https://www.w3.org/TR/2010/WD-css3-background-20100612/box-shadow.src.html Penso che ci sia molta ingiustizia con i comportamenti di Firefox quando la maggior parte delle volte è Chrome che fa che google vuole invece il raccomandazioni standard. Grazie. –
@Marcos Pérez Gude: da https://www.w3.org/TR/css3-background/#shadow-shape (non sono sicuro il motivo per cui stai collegando a una bozza precedente): "Un'ombra di scatola interna getta un'ombra come se tutto al di fuori del margine di imbottitura fosse opaco. " Ciò significa che nessun clipping ("knockout") dovrebbe verificarsi in alcun modo. In questo esempio, significa che non dovrebbe esserci un secondo gradiente vicino al bordo inferiore della scatola come mostrato in Firefox, dovrebbe essere nero fisso, come mostrato in Chrome. – BoltClock