ホーム » ブログ » cssで背景画像とグラデーションを同時に指定する方法
このエントリーをはてなブックマークに追加
@2013/07/09
webサイトを作成の際、1つの要素にグラデーションと背景画像を両立させたい。
この時、下記のコードを使える。
/* W3C */ 
background: url(yourImg.png) , linear-gradient(top, #eeeeee 0%, #fefefe 100%);
/* IE */ 
background: url(yourImg.png) , -ms-linear-gradient(top, #eeeeee 0%, #fefefe 100%);
/* Mozilla */ 
background: url(yourImg.png) , -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%);
/* Opera */ 
background: url(yourImg.png) , -o-linear-gradient(top, #eeeeee 0%, #fefefe 100%);
/* Webkit */ 
background: url(yourImg.png) , -webkit-linear-gradient(top, #eeeeee 0%, #fefefe 100%);

つまり、画像とグラデーションを同時に指定するとしたら、
background: 画像の指定 , グラデーションの指定;
の順で指定できます。
以上、メモを。

生活三昧@zanmai.net


♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。
0人
このエントリーをはてなブックマークに追加


◎zanmai.netサイト記事の転載・複製(コピー)は、zanmai.netへのリンクであることを明記してください!
◎本記事URL: http://www.zanmai.net/blog/data/142.html

お名前:

 

EMAIL:

 

URL:

 

認証コード:

zanmai.net-safecode

 


※会員の方は認証コードを要らないから、新規登録をオススメ!

アーカイブ @zanmai.net
check