Question

我尝试为整个网站制作图片。有用！但我需要更多的东西，我试图在这个图像上制作网站。我需要在上面制作div。我试着这样做：

＆＃13;

<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>

＆＃13;

但是在div地方有白色背景。如何删除它？

Answer 1

将你的风格改为身体而不是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;
}

Answer 2

只需从正文中删除 background-color：#fff; 即可。或者添加背景：透明;

在背景图像上写文本

2 个答案: