Untitled

Untitled

🚩background img opacity

body 전체에 opacity 설정을 하면 모두가 흐려짐

✏해결책

body::after에 background를 따로 설정한다.

body::after {
  content: "";
  width: 100vw;
  height: 100vh;
  background: url(../img/loginPage_bg.jpg);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  opacity: 0.3;
}