Привет, у меня проблема с этим png-изображением, я пытаюсь поместить его в середину экрана и изменить его размер, но он продолжает отображать фрагмент изображения net, I c ( это моя первая веб-страница, я принимаю любые исправления) проверил код, у меня есть только одно связанное изображение. Не могли бы вы мне помочь?
это должно выглядеть так
Но png выглядит удвоенным
html
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="ehands.css">
</head>
<body>
<div>
<h1>Ehandcipation</h1>
</div>
<div>
<img src = "logoehands.png"
/>
</div>
<video autoplay muted loop id="myVideo">
<source src="rain.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</body>
</html>
css
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1000;
overflow: hidden
}
body{
text-align: : center;
}
div{background-color:rgba(0,0,0,0.65);
position: fixed;
right: 0;
bottom: 0;
width: 400px;
height: 400px;
top: 25%;
left: 37%;
margin-left: px;
margin-top: -25px;
}
h1 {
color:#fff;
text-align:center;
position: abosulte;
}
img {
width: 100%;
height: 400px;
background-image: url('logoehands.png');
}