2014-08-28 25 views
6

LGI! Còn lại ở đây với hy vọng rằng nó sẽ thu hút sự chú ý và có lẽ là một sửa chữa.Lỗi phần trăm độ dốc của Chrome (webkit)

Vấn đề là chrome, làm cho (tôi đã kiểm tra!) Nửa đầu của độ dốc nhỏ hơn điểm thứ hai. Mã của tôi là:

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

Cũng thử:

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

Chỉnh sửa/Cập nhật: Nó thực sự là một lỗi - bản cập nhật cho rõ ràng (trên 2 khối là divs, mỗi chiều rộng 50%, màn hình - đáy được chia với gradient): 1) Visual đại diện của lỗi: enter image description here

2) Thanx để @elstgav cho một đặt lên một Codepen Test

+0

"Có vẻ là" hay thực sự là gì? Bạn đã kiểm tra độ rộng của phần tử trong Công cụ tìm kiếm chưa? –

+0

Vâng, nó lớn hơn. Tôi đa kiểm tra. –

+0

Câu hỏi hợp lý. Chúng tôi không thể chẩn đoán hình ảnh. và chúng tôi không có quyền truy cập vào 'thiết bị của bạn'. Có lẽ một fiddle ở kích thước hợp lý mà demos vấn đề. –

Trả lời

0

Tính đến bây giờ (2016/11/02), Vấn đề này ssems được cố định, tôi chỉ kiểm tra những bút :

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

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

trong Chrome Version 54.0.2840.71 m, và họ tất cả công việc.

Tuy nhiên, Chrome vẫn dường như có một số vấn đề với nhân rộng các hình nền khi chúng được lặp đi lặp lại:

SO liên kết: Chrome not updateing background-size gradient properly on resize

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

Các vấn đề liên quan