css3グラデと背景画像の設定

Webデザイン

グラデーションと背景画像の共存について
今までの指定方法と変わるので、書いてみます

background:#f60 url("img/common/ic01.png") no-repeat;
background:url("img/common/ic01.png") no-repeat, -moz-linear-gradient(top, #fff, #f60);
background:url("img/common/ic01.png") no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f60));
background:url("img/common/ic01.png") no-repeat, gradient(top, #fff, #f60);

画像、グラデの順番でカンマ区切りで指定します
今までとは逆ですね

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です