<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
.background-image {
position: fixed;
left: 0;
right: 0;
z-index: 1;
display: block;
background-image: url(" /uploads/media/default/0001/01/4982c4f43023330a662b9baed5a407e391ae6161.jpeg");
width: 1200px;
height: 800px;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
.content {
position: fixed;
left: 0;
right: 0;
z-index: 9999;
margin-left: 20px;
margin-right: 20px;
color: #fff;
}
</style>
</head>
<body>
<h2>:checked selector example</h2>
<div class="background-image"></div>
<div class="content">
<p>