Web制作女子の気ままブログ


気になったこと気ままに更新☆
by ibgmoto
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
カテゴリ
お仕事
美容・健康
ファッション
最新の記事
ホームネイルサロンMija..
at 2016-05-13 16:13
ビューティーレディネットは初..
at 2015-11-10 11:23
エンダモロジーエステのRys..
at 2015-10-29 10:49
恵比寿のeyelash sa..
at 2015-06-11 10:52
福岡のレンタルグリーン うら..
at 2015-05-20 17:40
以前の記事
2016年 05月
2015年 11月
2015年 10月
2015年 06月
2015年 05月
2015年 04月
2015年 03月
2015年 02月
2015年 01月
2014年 12月
2014年 11月
2014年 10月
2014年 09月
2014年 08月
2014年 07月
2014年 06月
2014年 05月
2014年 04月
2014年 03月
2014年 02月
2013年 12月
2013年 11月
2013年 10月
2013年 07月
2013年 04月
2013年 03月
2013年 01月
2012年 12月
2012年 11月
2012年 10月
2012年 09月
2012年 08月
2012年 07月
2012年 06月
2012年 05月
2012年 04月
2012年 03月
2012年 02月
2012年 01月
2011年 12月
タグ
その他のジャンル
外部リンク
ファン
記事ランキング
ブログジャンル
画像一覧

グラデーション背景と画像背景を一緒に使うには。

勉強したことを忘れないうちに書いておきます!

まさに今さっき!今朝のできごとです。
グラデーション背景と画像背景を入れようとしたところ、全く思い通りに表示されない!
グラデーションが出たかと思えば画像が消えたり・・・

実は、グラデーション背景と画像背景を一緒に使うには、それぞれ指定をしてもだめなようです。
ならばどうやって書くのか!

【backgroundで一緒に指定】

background: url('img/photo.png'), -moz-linear-gradient(top, #ffffff,#000000);
background: url('img/photo.png'), -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#000000));


これでどちらも表示されるようになりました!
解決して良かった~☆
ホームページ制作・ネットショップ制作 アイビージ
[PR]
by ibgmoto | 2012-05-10 13:16 | お仕事
<< 岐阜県高山市の美容室 grav... 来月は母の日ですね!! >>