CSS Gradientにおける"transparent"1つ前のエントリで「transparentだと完全に透明な黒として扱われるみたい」と書いたが、気になるのでちゃんと調べた。といってもCSS3 Colorの仕様を参照して、現行のブラウザではどうかテスト・ケースを書いて確認しただけだけど。結論としてはChrome (WebKit)とFirefoxでは仕様通りtransparentをrgba(0, 0, 0, 0)と扱っているので、CSSグラデーションでもそれに従った、つまり、グラデーションの途中が黒とブレンドされた色になってしまうので注意が必要になるという話。 Demo: "transparent" keyword in *-gradient() デモでは左から順に、 rgb(153, 204, 255) => rgba(153, 204, 255, 0) rgb(153, 204, 255) => transparent rgb(153,
