css 如何让图像半透明？

envsm3lx 于 2023-10-21 发布在其他

关注(0)|答案(3)|浏览(120)

我有以下问题。如何使用x1c 0d1xCSS使图像半可见？
它看起来应该是这样的：

当我移动图像的权利与margin-right 100%例如，有一个水平滚动，但如何使图像分裂？

.logo{
  opacity: 0.03;
  z-index: -1;
  margin-top: -70%;
  margin-left: 90%;
  
}

3条答案

你可以使用你所做的与保证金权利100%;但是你也必须指定overflow-X：隐藏;在主体或父容器上。
但也许有一个更实际的方法

尝试使用transform属性;设置overflow-x：0，在父容器上。

body{
  overflow-x: hidden;
}

.logo img{
  z-index:-1;
  position:fixed;
  right:0;
  top: 25vh;
  transform: translatex(50%);
  opacity:0.25;
}

我解决了同样的问题，通过设置正确的：负值和位置：绝对的

.logo-image {
position: absolute;
top: 160px;
right: -124px;
height: 250px;
width: 250px;
}