Tôi nhận thấy rằng Firefox (44.0.2) đang hiển thị CSS hộp bóng rất mờ nhạt/ánh sáng.Bóng đèn hộp Firefox nhẹ hơn nhiều trong bản dựng mới nhất
Nếu bạn so sánh sự khác biệt giữa Chrome và Firefox, điều này có vẻ nhẹ hơn rất nhiều trong Firefox. https://jsfiddle.net/8db8zr6q/
Tôi đã tự hỏi liệu có ai đã gặp vấn đề này trước đây và liệu có bất kỳ điều gì có thể được thực hiện để khắc phục sự cố không?
đang hiện tại:
.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);
}
Ảnh của vấn đề:
Firefox dường như (không chính xác) cắt bóng nội bộ dựa trên kích thước của hộp. Bán kính lây lan cũng có vẻ tắt. – BoltClock
@BoltClock bạn có thể xác minh rằng bạn đang nói về firefox với định nghĩa W3C không? https://www.w3.org/TR/2010/WD-css3-background-20100612/box-shadow.src.html Tôi nghĩ rằng có rất bất công với hành vi của firefox khi hầu hết thời gian là chrome làm mà google muốn thay vì khuyến nghị tiêu chuẩn. Cảm ơn bạn. –
@Marcos Pérez Gude: Từ https://www.w3.org/TR/css3-background/#shadow-shape (không chắc chắn lý do bạn liên kết với bản nháp cũ hơn): "Hộp bóng bên trong tạo bóng như thể mọi thứ bên ngoài mép đệm đều mờ đục. " Điều đó có nghĩa là không cắt ("loại trực tiếp") sẽ xảy ra bất cứ điều gì. Trong ví dụ này, nó có nghĩa là không nên có một gradient thứ hai gần cạnh dưới cùng của hộp như được hiển thị trong Firefox - nó phải là màu đen đặc, như được hiển thị trong Chrome. – BoltClock