CSSを解説してください

Question

下記3つの意味が分かりません。

	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	-pie-background:linear-gradient(top,  #fff,  #eee);

該当ページの提示、又は、解説をお願いします。

Answer 1

全て同じ意味で、背景（background）を以下のようにグラデーションにします。

（上）#fff 白 -> #eee 灰色（下）

上から順番に
・Chrome
・Firefox
・IE
用に記述してあります。

この-webkitや-mozのような記述をベンダープレフェックスと呼んでいます。
これはCSS3で実装される予定の機能を、各ブラウザが勝手に先取りして搭載した機能です。
この記述でグラデーションや角丸などができますが、同じ意味の記述をブラウザごとに書いてあげる必要があります。

pieという記述はCSS3の使えないIE6〜8にCSS3と同様の機能を搭載するためのものらしいです。

参考
ベンダープレフェックス：http://www.htmq.com/csskihon/603.shtml
CSS3 PIE：http://allabout.co.jp/gm/gc/377416/