image2 - это размер обоев jpg и image1 - это небольшое изображение.Показать изображение назад в исходном размере поверх другого фона
Почему масштаб изображения1 больше и как его отобразить в исходном размере поверх изображения2?
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;
}
Возможно, вам понадобится резерв в зависимости от поддержки браузера.
Если вы можете обеспечить codepen это поможет
попробовать что-то вроде
html {
background:
url("image1.jpg")
no-repeat;
}
.image2 {
url("image2.jpg")
no-repeat center center fixed;
}
<html>
<div class="image2"></div>
</html>
Ответ является тег HTML фоновое изображение всегда будет растягиваться никакого способа вокруг него.
Можете ли вы сделать скрипку или фрагмент, чтобы воспроизвести проблему? Я не могу воспроизвести его –
image1 растягивается с размером экрана, вопрос заключается в том, как отображать image1 в исходном размере в селекторе html css. – cw12345
ну в вашем вопросе вы говорите что-то об изображении2, растягиваясь, теперь вы говорите об изображении1 :). пожалуйста, уточните и укажите всю необходимую информацию (желательно рабочий пример) –