0

本体が画面よりも小さく、背景が切り取られることがあります。<html>そのため、2 つの背景を要素に入れたいと考えています。CSS3 では、1 つの要素に 2 つの背景 (一方が他方に続く) を持たせることが可能であり、次のように記述できることを私は知っています。

background: url('/images/mosaic.gif') no-repeat, url('/images/photo.png') no-repeat;

私の質問は、2 つの画像を重ねることは可能ですか? モザイクが繰り返され、その上に写真の繰り返しがありません。私はこの方法でそれをやろうとしましたが、うまくいきません:

background: url('/images/mosaic.gif') repeat, url('/images/photo.png') no-repeat;
4

2 に答える 2

1

はい、それは可能であり、まさにあなたが書いた方法です。 イラストはこちらをご覧ください。

<div id='cont'></div>​

#cont { 
    background: url(http://lorempixel.com/400/200/food/1/) center center no-repeat,
        url(http://lorempixel.com/400/200/food/2/) repeat; 
}
于 2012-10-20T06:34:34.037 に答える
0

次のように、上に画像を使用し、下に色を使用できます。

background:  URL(images/page_bg.jpg) top left repeat-x #7C8FF7;
于 2012-10-20T06:49:54.853 に答える