Tôi đang cố gắng đạt được điều gì đó mà tôi thậm chí không chắc chắn là có thể ở đây.calc() 100% + #px
Tôi đang cố gắng đặt một hình ảnh PNG đổ bóng cụ thể dưới điều hướng cho trang web của tôi. Tuy nhiên tôi cũng muốn sử dụng lại khả năng này cho bất kỳ đối tượng nào tôi muốn trên trang web, có thể là hình ảnh, nút div hoặc nút. Về cơ bản sử dụng cùng một hình ảnh bóng cho bất kỳ đối tượng nào.
Sử dụng css3 calc() chức năng Tôi đang cố gắng làm chiều cao của đối tượng @ 100% + 25px (chiều cao của png).
Tôi đã thử phong cách:
height: -webkit-calc(100% + 25px);
height: -moz-calc(100% + 25px);
height: -o-calc(100% + 25px);
Nhưng từ những gì tôi có thể thu thập trong Firebug 100% + 25px là sau đó mới 100% như thế này đạt được gì cả.
Tôi cũng đã cố gắng:
height: -webkit-calc(100% + 25px);
height: -moz-calc(100% + 25px);
height: -o-calc(100% + 25px);
background-position: 0 -moz-calc(100% + 25px);
Nhưng không có niềm vui ở đây cả.
Nếu tôi sử dụng calc (3em + 25px); nó hoạt động không có vấn đề, nhưng điều này không đủ linh hoạt để làm việc trên bất kỳ đối tượng nào.
Điều này có thể thực hiện được không? Tôi thậm chí còn có ý nghĩa ?!
'-moz-box-shadow: 0 0 30px 5px # 999; -webkit-box-shadow: 0 0 30px 5px # 999; ' Điều đó sẽ không hoạt động tốt hơn? – TheGeekZn
Cảm ơn rất nhiều, tuy nhiên đây là một hình ảnh cụ thể tôi đang sử dụng cho một bóng thả cong. Tôi đã thực hiện hộp bóng như là một tài sản CSS, tuy nhiên nó không hoàn toàn là hiệu ứng tôi sau. – user1597713
Nếu tôi hiểu đúng, hãy sử dụng 'bán kính đường viền trên cùng bên trái: 20px 20px; border-top-right-radius: 20px 20px; ' để tạo góc cong. Cái bóng sẽ theo sau đó. – TheGeekZn