logo标签列表

仅使用CSS叠加两张图片

htmlcss
3
我有两张图片，希望像Photoshop剪贴蒙版效果一样将它们叠加在一起。
我想要达到的效果如下1。我知道使用-webkit-background-clip: text可以实现文本恢复，但我想使用两个图像来实现。
1
使用 position 属性可能会对您有所帮助。 - Mandarr Sant
1个回答
0

在Jsbin中检查输出

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

<!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>

这正是我要找的，因为文本恢复没有背景颜色。 - Andi Chua
我的意思是这不是我要找的。 - Andi Chua
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接