css添加背景透明度，

如果直接在css中添加opacity 整個頁面的透明度都會變，後來借鑑到網上案例，
通過僞元素來添加完美解決。

.home {
  height: 800px;
  display: flex;
  flex-direction: column;
  flex: 110%;
  .header_q {
    z-index: 100;
  }
}
.home::after {
  content: "";
  background: url("https://cube.elemecdn.com/4/79/3de10e69d5fee8fc6823b93014c32jpeg.jpeg")
    no-repeat center center / auto 100%;
  background-position: center center;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-position-x: -400px;
}