私はもう一方の画像を後ろに置こうとしていますか？透明なものの後ろに画像を置く
https://jsfiddle.net/emtao7wo/12/
<style>
#img1 {
position: absolute;
clip-path: circle(85px at center);
}
</style>
<img id="img1" src="https://i.imgur.com/BO6KOvw.jpg" width="170" height="113" style="top:41px;left:13px;">
<img width="180" height="180" src="http://i.imgur.com/4HJbzEq.png">
変更IMG1スタイルから左と上の値。例：style="top:33px;left:5px;"これが見つからない場合は、さらに詳しい情報を提供してください。
OK、透明なイメージの後ろにどのように置くか：https://jsfiddle.net/emtao7wo/12/ –
更新されたフィドル正しい（提供された元の画像に基づいて）。 –
@ coding4567このスタイルをイメージに追加します。イメージは前面に表示されます。 'position：絶対; z-index：99; '[https://jsfiddle.net/emtao7wo/14/](https://jsfiddle.net/emtao7wo/14/） – Eugene
<style>
#img1 {
position: absolute;
clip-path: circle(85px at center);
z-index:99;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.front {
position: absolute;
z-index: 98;
}
</style>
<div style="position:relative; width:180px; height:180px">
<img id="img1" src="https://i.imgur.com/BO6KOvw.jpg" width="170" height="113">
<img width="180" height="180" src="https://i.imgur.com/4HJbzEq.png" class="front">
</div>
https://www.w3schools.com/code/tryit.asp?filename=FL5GB343CY4X
イメージはウィンドウの後ろにあるはずです。どうすればいいですか？ –
どの画像。それを貼り付けてください – apsuva
私はこれを正しく行いましたか？ https://jsfiddle.net/hvzn2pvp/3/そうですか？ –
あなたは何を意味するのですか？また、それはあまり書かれていません。あなたのCSSを別のファイルに置き、リンクしてください。あなたのスタイルをCSSに入れてください。また、2番目のイメージタグはイメージではなく 'img'でなければなりません。 今私はあなたの例を見ます。おそらく、画像の1つをフロートして配置する必要があります。 しばらくお待ちいただいており、サンプルコードのお手伝いができません。 –
私は誰かが助けを待つでしょう。ありがとう。 –
[CSSの位置の仕組み]、[絶対要素が互いに積み重ねるのではなく、互いを積み重ねる理由]（https://stackoverflow.com/questions/20718577/how-css-positions-work-why-absolute-要素 - スタックアップ - オン - 他 - 代わりに - ） – admcfajn