我是一個完全的新手。我遇到了這個問題。唉，我在網上沒有找到明確的答案，所以我決定轉向這里。任務是我需要將圖片疊加在一起，使其看起來像第 2 號螢屏截圖，即我們有一個黃色點疊加，以及需要裁剪的全尺寸影像。據我所知，我已經嘗試了一切。我尋求幫助，不要扔西紅柿。提前致謝
示例代碼（html、css）：
<p class="card">
<img class="one" src="/" alt="123">
<img class="two" src="/" alt="123">
</p>
.card {
position: relative;
z-index: 10;
width: 100%;
}
.one {
position: absolute;
width: 350px;
top: 50px;
left: 55px;
z-index: 5;
}
.two {
position: absolute;
width: 350px;
left: 20px;
top: 25px;
z-index: 2;
}
uj5u.com熱心網友回復：
使用遮罩影像屬性來遮蓋該形狀并使用位置：絕對并做進一步
-webkit-mask-image: url(---.png); //use the image shape to mask
mask-image: url(---.png);
-webkit-mask-size: 70%;
mask-size: 70%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/493557.html