Question

我有2张图像，我想像Photoshop笔剪辑蒙版效果一样叠加在彼此之上。

这就是我想要实现的目标1 我知道使用-webkit-background-clip：text我可以实现恢复，因为它的文本。但我想要实现的是使用2张图片。

Answer 1

中的输出

使用Position:relative，然后根据情况使用top，bottom，left，right进行调整

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <title>Picture</title>
  <style>
    .a {
      position: relative;
      left: 180px;
      top: 25px;
    }
  </style>
</head>

<body>
  <img src="http://i.imgur.com/JljSPeY.jpg" class="a" />
  <img src="http://i.imgur.com/abF4DbL.jpg" class="b" />

</body>

</html>

＆＃13;

仅使用css覆盖2张图像

1 个答案: