忍者ブログ
24 October

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

10 November

CSS3　複数の背景を指定する　マルチプルbackground

https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Using_multiple_backgrounds

.multi_bg_example {
  background-image:
    url("http://demos.hacks.mozilla.org/openweb/resources/images/logos/firefox-48.png"), /* 最前面の背景レイヤーの背景画像 */
    linear-gradient( to right, rgba(255,255,255,0),  #fff ),
    url("http://demos.hacks.mozilla.org/openweb/resources/images/patterns/flowers-pattern.jpg");

  background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	no-repeat,
	repeat;

  background-position:
    bottom right, /* 最前面の背景レイヤーに対応 */
	left,
	right;
}
一番目の指定が一番上に来る画像
PR