是否可以通過CSS名稱加上Alpha透明度值來定義顏色?CSS顏色名稱和alpha透明度
即:
#mytext { color: red 0.5 }
,而不是採取RGBA像
#mytext { color: rgba(255,0,0,0.5) }
是否可以通過CSS名稱加上Alpha透明度值來定義顏色?CSS顏色名稱和alpha透明度
即:
#mytext { color: red 0.5 }
,而不是採取RGBA像
#mytext { color: rgba(255,0,0,0.5) }
可以實現結果你要這樣說:
#mytext{
color: red;
opacity: 0.5;
}
注意,不透明度會影響整個元素,而不僅僅是文字,因此,例如,如果#mytext元素有一個背景顏色,這也將收到的不透明度值0.5
但是,我同意戴的使用顏色名稱而不是十六進制或rgb代碼不是你應該依賴太多的東西。這是一個醜陋的調色板。
號CSS規範只允許通過名稱來指定色彩,RGB的十六進制表示,或使用rgb(r,g,b)
和rgba(r,g,b,a)
功能。每種用法都是互斥的。
編號:http://www.w3.org/TR/CSS2/syndata.html#value-def-color
顏色名稱現在是那麼有用比他們在CSS1.x的日子,因爲命名的顏色(與orange
除外)是老「16色」的所有成員顯示調色板,今天一般看起來很醜。
如果你想用顏色名稱來提高可讀性,然後使用註釋,像這樣:
color: rgb(0,0,0); /* black */
(把註釋分號之後,因爲他們位於外時,許多CSS編輯器只保留意見的財產申報)。
CSS3增加了更多的命名顏色,包括24位X11顏色集,還有hsl(h,s,l)
功能,但仍不允許的命名顏色和不透明度值混合:http://www.w3.org/TR/css3-color/