Все:Динамическое масштабирование фонового изображения
Я довольно новичок в фоне CSS. Интересно, есть ли способ изменить размер фонового изображения, чтобы он всегда заполнял видовое окно, насколько это возможно, только с помощью CSS.
Правила есть:
Независимо от того, какого отношения изображения, всегда масштабироваться себя достаточно, чтобы заполнить окно просмотра, чтобы убедиться, что нет пустого пространства не осталось.
<html>
<head>
<title>BLURRING IMG</title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
overflow: hidden;
padding:0px;
margin:0px;
}
body {
background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/ferns-unsplash.jpg");
background-position: fixed;
background-size: 100%, cover;
}
</style>
</head>
<body>
</body>
</html>
И я также хочу знать чем разница между:
background-size: auto auto, cover;
и
background-size: cover;
Благодаря
'background-size: cover'? – Andrew
@Adrew Да, Йоханнес тоже это помогает. Я указываю размер фона: 100%, обложка; поэтому он не работает, но я не знаю почему? – Kuan
Просто выведите 'background-size: 100%, cover;' НЕПРАВИЛЬНО! 'cover' нельзя смешивать с% или другими значениями. Специально не используя разделение запятой >>> **, если вы используете только одно фоновое изображение **. –