2016-02-24 21 views
6

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 đề:

enter image description here

+0

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

+0

@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. –

+0

@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

Trả lời

0

Tôi có vấn đề này và sau khi nghiên cứu lâu tôi không tìm thấy câu trả lời thẳng vì công việc xung quanh hack được sử dụng là để nhắm mục tiêu tiền tố -moz-box-shadow bằng cách chơi xung quanh với các giá trị cho đến khi tôi nhận được bóng râm tôi muốn, khi phát triển các trang web tôi tìm thấy firefox ám những điều nào đó cách khác với những gì bạn có ý định

+0

Bạn có thể cụ thể hơn một chút không? Câu trả lời của bạn giống như một bình luận như vậy. –

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