0

本文に 2 つの画像を使用するにはどうすればよいですか? ここに画像の説明を入力

ここに画像の説明を入力

4

5 に答える 5

2

html1 つを に、もう 1 つをbody-に取り付けます。

html{
  background: url() repeat-y left top;
}
body{
  background: url() no-repeat left top;
}
于 2012-10-09T07:36:45.413 に答える
1

独自のフィルターを使用して、IEに複数の背景を追加することが可能です

リンク先のサイトから取得したIEコードは次のとおりです。

<!--[if gt IE 7]> 
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs, dont forget to insert your wrappers id */ 
#outerWrapper #contentWrapper, #outerWrapper #contentWrapper #content { 
  zoom: 1; 
} 
/* Now lets make it IE8 Multi-background images */ 
#multipleBackgroundImages { 
  background-image: url(../images/lilys.jpg); 
  background-position: bottom right; 
  background-repeat: no-repeat; 
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lakeside2.png', sizingMethod='crop')"; 
  border: 1px solid black; 
  padding: 0 1em; 
} 
/* Fix for IE clearType */ 
#multipleBackgroundImages p { 
    position: relative; /* required to re-enable IE's clearType */ 
   } 
</style> 
<![endif]-->
于 2012-10-09T07:35:09.463 に答える
1

以下のコードを使用してください。これはIEを含むすべてのブラウザをサポートします

body{
    width:800px; height:750px;
    background: url(http://www.google.com/logos/2012/indonesiaind12-hp.jpg), url(http://www.google.com/logos/2012/india12-hp.jpg);
    background-position:top, bottom;
    background-repeat:no-repeat, no-repeat   
   }​

詳細な説明はこちらから入手できます

于 2012-10-09T07:35:32.077 に答える
0

ネストされたdivを使用し、ある背景を別の背景に適用します

<div class="background-bottom"><div class="background-top"></div></div>
于 2012-10-09T07:35:33.443 に答える
0

簡単にできるので、本体を2つの別々のdivに分割する必要があります。上部の div と下部の div には、背景としてこれら 2 つの画像が必要です。

IEで動作する可能性があります

于 2012-10-09T07:38:00.850 に答える