2014-08-28 23 views
6

BUG! Lasciato qui nella speranza che attirerà l'attenzione e forse una soluzione.Errore percentuale percentuale di Chrome (webkit)

Il problema è che chrome, rende (ho controllato!) La prima metà del gradiente più piccola della seconda. Il mio codice è:

background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed; 

cercato anche:

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3236), color-stop(50%,#ff3236), color-stop(50%,#000000), color-stop(100%,#000000)); 
background: linear-gradient(to left, #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%); 

Edit/Update: E 'davvero un bug - gli aggiornamenti sono per chiarezza (in alto a 2 blocchi sono div, ciascuna larghezza 50%, di schermo - inferiore è diviso con gradiente): 1) rappresentazione visiva del baco: enter image description here

2) Grazie a @elstgav di mettere l'una Codepen Test

+0

"sembra essere" o è in realtà? Hai controllato le larghezze degli elementi in Dev Tools? –

+0

Sì, è più grande. Io ho controllato. –

+0

Domanda ragionevole. Non possiamo diagnosticare le immagini. e non abbiamo accesso al "tuo dispositivo". Forse un violino di dimensioni ragionevoli che dimostra il problema. –

risposta

0

A partire da ora (2016/11/02), Questo problema ssems essere risolto, ho appena testato queste penne :

http://codepen.io/elstgav/pen/guotz

http://codepen.io/gliesche/pen/GoWMVO

in Chrome versione 54.0.2840.71 m, e loro tutto funziona.

Tuttavia, Chrome sembra ancora avere alcuni problemi con il ridimensionamento sfondi sfumati quando si ripetono:

SO link: Chrome not updateing background-size gradient properly on resize

Chrome BT: https://bugs.chromium.org/p/chromium/issues/detail?id=604875