2013-01-24 45 views
6

Có thể xác định màu trong CSS theo tên của nó cộng với giá trị minh bạch alpha không?Tên màu CSS + độ trong suốt alpha

Ie:

#mytext { color: red 0.5 } 

chứ không phải dùng đến RGBA như

#mytext { color: rgba(255,0,0,0.5) } 

Trả lời

2

Bạn có thể đạt được kết quả bạn muốn theo cách này:

#mytext{ 
    color: red; 
    opacity: 0.5; 
} 

Lưu ý rằng opacity sẽ ảnh hưởng đến toàn bộ các yếu tố, không chỉ là văn bản, ví dụ như vậy, nếu các yếu tố #mytext đã có một màu nền, điều đó sẽ còn nhận được giá trị độ mờ đục của 0.5

Tuy nhiên, tôi đồng ý với Dai, sử dụng tên màu thay vì mã hex hoặc rgb không phải là thứ bạn nên dựa vào quá nhiều. Đó là một bảng màu xấu xí để làm việc.

8

số đặc điểm kỹ thuật CSS chỉ cho phép màu sắc được xác định theo tên, đại diện thập lục phân RGB, hoặc sử dụng rgb(r,g,b)rgba(r,g,b,a) chức năng. Mỗi lần sử dụng đều loại trừ lẫn nhau.

Ref: http://www.w3.org/TR/CSS2/syndata.html#value-def-color

Màu tên là ít hữu ích hơn so với họ trong những ngày của CSS1.x vì các màu sắc được đặt tên (với ngoại lệ của orange) là tất cả các thành viên của "16-màu" cũ bảng hiển thị và thường trông xấu xí ngày hôm nay.

Nếu bạn muốn sử dụng tên màu để cải thiện khả năng đọc sau đó sử dụng các ý kiến, như vậy:

color: rgb(0,0,0); /* black */ 

(đưa những nhận xét sau dấu chấm phẩy vì nhiều biên tập viên CSS chỉ giữ các nhận xét khi họ đang nằm bên ngoài khai báo tài sản).

CSS3 thêm nhiều tên-màu sắc, bao gồm cả 24-bit set màu X11, cũng như hsl(h,s,l) chức năng, nhưng vẫn không cho phép sự pha trộn của tên-màu sắc và giá trị opacity: http://www.w3.org/TR/css3-color/

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