CSS Fit BG Изображение? - PullRequest
Новая
       29

CSS Fit BG Изображение?

0 голосов
/ 09 мая 2018

Уже несколько дней .... Я пытаюсь исправить / отцентрировать мое фоновое изображение правильным образом. Я приложил пример, чтобы показать это.

enter image description here

Рисунок A: Мне нужно, чтобы мое изображение bg было полностью на весь экран (нестандартный размер, который подходит нормально). Рисунок B: Мне также нужно, чтобы мое изображение bg соответствовало вертикальному разрешению и центру горизонта при настройке окна браузера и т. Д.

У меня был гугл в ад и обратно ... без хороших решений? Можно ли сделать это? или я много прошу за css / html5

хорошо, вот мой код: и изображение ниже, если вы хотите взглянуть ... введите описание изображения здесь 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
body {
	margin: 0px;
	font-family: Arial;
	font-size: 14px;
	color: #999;
	text-align: center;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #975d7f;
}
</style>
</head>

<body>
</body>
</html>

1 Ответ

0 голосов
/ 10 мая 2018

Не на 100% уверен, что вы ищете, но я думаю, что это может соответствовать вашим потребностям. Если вы хотите, чтобы изображение занимало всю высоту экрана, вам нужно установить высоту тегов html и body на 100%. 

html {height:100%;}
body {
    height: 100%;
    margin: 0px;
    font-family: Arial;
    font-size: 14px;
    color: #999;
    text-align: center;
    background: #975d7f url("bg.jpg") no-repeat top center;
    background-size: cover;
}

Также я использовал сокращенную версию свойства background css.

...