0
실례합니다. 내 질문이 어리석은 일이라면, 나는이 모든 기술에 대해 새로운면이 있습니다. 내 목표는 큰 크기의 그림이기 때문에 확대/축소되지 않는 기본 크기의 이미지 배경을 추가하는 것입니다. 문제는 일부 스타일을 추가 할 때 이미지가 나타나지 않고 배경이 공백으로 표시 될 때입니다. 그런데,이 배경 이미지 위에 particle.js를 사용하는 IM이 에있다.몇 가지 스타일을 추가하면 배경 이미지가 사라집니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Infinite Space !</title>
<link rel="stylesheet" href="style.css">
</head>
<body >
<div id="particles-js"></div>
//particle-js configues
<script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js">
</script>
<script>
particlesJS.load('particles-js', 'particles.json', function() {
console.log('callback - particles.js config loaded');
});
</script>
</div>
</body>
</html>
#particles-js{
background: url("https://d14xs1qewsqjcd.cloudfront.net/assets/bg-header-star.jpg")
width: 100%;
min-height: 800px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
/* background-attachment: fixed;
}