2014-08-28 6 views
6

BŁĄD! Zostawiłem tutaj w nadziei, że przyciągnie to uwagę i być może poprawkę.Błąd procentowy błędu procentowego w gradacji (webkit):

Problem polega na tym, że chrom, powoduje (sprawdziłem!), Że pierwsza połowa gradientu jest mniejsza niż druga. Mój kod to:

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

próbował również:

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%); 

Edycja/Aktualizacja: To jest rzeczywiście bug - aktualizacje są dla jasności (Top 2 bloki są DIV, każdy szerokości 50%, ekran - dno jest podzielona gradientem) 1) wizualnej reprezentacji błędów: enter image description here

2) Dzięki do @elstgav dla stawiania na Codepen Test

+0

"wydaje się być" czy rzeczywiście jest? Czy sprawdziłeś szerokość elementów w Dev Tools? –

+0

Tak, jest większy. Sprawdziłem. –

+0

Rozsądne pytanie. Nie możemy zdiagnozować obrazów. i nie mamy dostępu do "Twojego urządzenia". Być może skrzypce w rozsądnym rozmiarze, które demaskują problem. –

Odpowiedz

0

W chwili (02.11.2016) Ten problem ssems być ustalona, ​​właśnie testowane te długopisy :

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

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

w Chrome w wersji 54.0.2840.71 m, a oni cała praca.

Jednak Chrome wydaje się mieć pewne problemy ze skalowaniem gradientu tła, gdy są one powtarzane ciągle:

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

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