image2は壁紙サイズのjpgでimage1は小さい画像です。イメージを別の背景の上に元のサイズで表示する
なぜimage1が拡大され、image2の上に元のサイズで表示するのですか?
html {
background: url("image1.jpg") no-repeat, url("image2.jpg") no-repeat center center fixed;
}
image2は壁紙サイズのjpgでimage1は小さい画像です。イメージを別の背景の上に元のサイズで表示する
なぜimage1が拡大され、image2の上に元のサイズで表示するのですか?
html {
background: url("image1.jpg") no-repeat, url("image2.jpg") no-repeat center center fixed;
}
あなたの質問は非常に明確ではありませんが、私は助けに全力を尽くします。
まず私はそれが順序の面でお手伝いをしますスタッキング背景画像については、この記事をチェックアウトします:
https://css-tricks.com/stacking-order-of-multiple-backgrounds/
私はあなたが次のことを行う必要があることをお勧め:
html {
background:
url("image2.jpg") no-repeat center center fixed,
url("image1.jpg") no-repeat;
}
ブラウザのサポートによってはフォールバックが必要な場合もあります。
あなたはそれが
は答えは、HTMLタグの背景画像は常に周りに方法を伸ばすませんです
html {
background:
url("image1.jpg")
no-repeat;
}
.image2 {
url("image2.jpg")
no-repeat center center fixed;
}
<html>
<div class="image2"></div>
</html>
ような何かをしようと役立つだろうcodepenを提供することができます。
問題を再現するためにフィーリングやスニペットを作成できますか?再現できません –
image1は画面の大きさで伸びていますが、html CSSセレクターでimage1を元のサイズで表示するのはどうですか? – cw12345
あなたの質問では、あなたはimage2ストレッチについて何か言っている、今あなたはimage1について言っている:)。もっと明確にして、必要な情報(好ましくは実際の例)を –