gpt4 book ai didi

html - 仅使用 css 叠加 2 个图像

转载 作者:太空宇宙 更新时间:2023-11-04 13:07:03 25 4
gpt4 key购买 nike

我有 2 张图像,我想将它们叠加在一起,就像 photoshop 剪贴蒙版效果一样。

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

最佳答案

检查 Jsbin 中的输出

使用Position:relative,然后使用topbottomleftright<进行调整 视情况而定

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

关于html - 仅使用 css 叠加 2 个图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39585399/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com