0

これが私のcssで、1つの画像を中央に配置します。

 .BusyStyles
 {
      background-image: url('../images/busy.gif');
      background-repeat: no-repeat;
      background-position: center center;
      height: 350px;
      width: 300px;
 }

上記の css を拡張して、busy.gif のすぐ下の div の中央に別の画像を配置できますか...可能ですか? はいの場合は、2 つの画像を div の背景として中央に 1 つずつ配置できる CSS を教えてください。ありがとう

4

3 に答える 3

0

CSS 3 と互換性のあるブラウザーのみをサポートできる場合は、これに対する LiamB のソリューションに同意します。

ただし、それよりも多くのブラウザーをサポートする必要がある場合は、2 つの div を使用してこの問題を解決することをお勧めします。両方の div が互いの上に配置されます。下に配置された div には背景画像のみが含まれます。一番上に配置された div には、別の背景画像 (他の div の背景画像の下にあるかのように配置されている) と、必要なコンテンツが含まれています。

于 2012-10-09T07:57:13.613 に答える
0

1 つの div タグ内の 2 つの背景画像のサンプルを確認します。

CSS:

.container{
  width:300px;
  height:150px;
  background:url(http://img.b8cdn.com/images/icons/loading_large_icon.gif) no-repeat 50% 28%, url(http://twitter-badges.s3.amazonaws.com/t_logo-a.png) no-repeat 50% 60%;
  border:1px solid #CCCCCC;
}
于 2012-10-09T10:44:43.153 に答える