2012-02-09 9 views
6

Tôi biết cách tạo nền gradient với alpha, nhưng điều tôi muốn là có phần tử của tôi có độ mờ đục. Những gì tôi đang tìm kiếm là có div của tôi và tất cả các con của nó đều có độ mờ đục được áp dụng cho chúng.CSS Gradient Opacity (không phải nền)

Bất kỳ cách nào để thực hiện việc này? Tôi chỉ cần nó để làm việc trong webkit, vì nó là một dự án duy nhất trong nhà.

+0

Ý nghĩa của độ mờ là gì? bạn có thể cung cấp một ví dụ? – elclanrs

Trả lời

5

Tạo nền màu, nhưng sử dụng màu rgba. Giá trị cuối cùng sẽ chỉ định độ mờ, 1.0 cho độ mờ hoàn toàn, 0,0 cho toàn bộ trong suốt.

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); 

Phía trên là màu xanh lam trong suốt.

+0

Tôi đang tìm một cái gì đó để áp dụng độ mờ đục cho tất cả các phần tử con. Tôi nghĩ haslehas có một giải pháp khá tốt. – user1198665

+0

Nếu câu trả lời của haslehas hoạt động cho bạn, hãy đảm bảo rằng bạn đánh dấu nó là câu trả lời. – pycoder112358