@media print 用这个来设置CSS打印属性
——————
test.html
<!DOCTYPE html>
<head>
<style>
.background {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
background: url(https://cdn.colorhub.me/imgsrv/9957a1bfc45d18ef09645dff1352cf7bab011fee);
background-position: center center;
background-repeat: no-repeat;
display: none;
}
.content {
padding: 600px 0;
text-align: center;
font-size: 50px;
color: red;
}
@media print {
.background {
display: block;
}
}
</style>
</head>
<body>
<div class="background"></div>
<div class="main">
<div class="content">
第1部分
</div>
<div class="content">
第2部分
</div>
<div class="content">
第3部分
</div>
<div class="content">
第4部分
</div>
</div>
</body>
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
