Стараюсь сделать изображение для всего сайта. Оно работает! Но мне нужно нечто большее, я стараюсь сделать сайт по этому изображению. Мне нужно сделать на нем div. Я стараюсь это делать так:

<html lang="PL-pl">
<head>
	<meta charset="utf-8">
	<title>EU-Trans system</title>
	<style>
		html{
			background: url('http://monster.pwoj.pl/images/main_background.jpg') no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	</style>
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
	<div class="container-fluid">	
		<div class="row">
			ASDF
		</div>
	</div>
</body>
</html>

Но на месте div белый фон. Как его убрать?

1
patwoj98 25 Фев 2016 в 09:19

2 ответа

Лучший ответ

Придайте свой стиль телу вместо HTML

body{
    background: url('http://monster.pwoj.pl/images/main_background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
1
Jay Patel 25 Фев 2016 в 06:28

Просто удалите background-color: #fff; из основного текста. Или добавьте фон: прозрачный;

-1
Adrian 25 Фев 2016 в 06:26