0

したがって、次のようなcssコードがあります。

.jumbobg {
    background: url('http://znc.mane-frame.com/static/silverleaf.png') fixed no-repeat, url('../img/banner-1008444.jpg') no-repeat, grey;
}

最初の画像（silverleaf.png）についてbackground-size、ピクセル（silverleafの場合）またはauto. タグで試してみましbackground-sizeたが、上記で定義したすべての背景のサイズが変更されます。

4

3 に答える 3

3

使用している方法で複数の背景を使用する場合（省略形）、構文は次のとおりです。

background: [ <bg-layer> , ]* <final-bg-layer>

<bg-layer> = <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2}

<final-bg-layer> = <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2} || <background-color>

そのことを念頭に置いて background-size、最初の背景を設定する方法の例を次に示します。

body {
  background: url(http://lorempixel.com/1200/900) repeat-x scroll 0 45px / auto 100%, url(http://lorempixel.com/1200/45) no-repeat scroll center 0 / 100% auto
}

于 2016-02-13T02:36:31.373 に答える
1

これを試して：

background-image: url('http://znc.mane-frame.com/static/silverleaf.png'), url(../img/banner-1008444.jpg);
background-repeat: repeat, no-repeat;
background-position: 0 0;
background-size: 350px 350px, cover;
于 2016-02-13T02:32:58.683 に答える