ポートフォリオ画像のあるサイトを持っています。画像にカーソルを合わせると、オーバーレイが表示されます。
私はこれを実装して、コードが (3 つの異なるポートフォリオ アイテムに対して) 乗算されたときに、オーバーレイが常に最初の画像上にのみ表示されるようにしました。
誰でも助けることができますか?
ライブリンクはこちら
画像オーバーレイを作成するために使用されるコード:
CSS:
.image {
position: relative;
height: 240px;
}
.hoverimage {
position: absolute;
top: 5px;
left: 25px;
display: none;
}
.image:hover .hoverimage {
display: block;
}
HTML:
<img src="images/portfolio_image_1.png" class="captionme"
title="I am the only son" alt="Porfolio detail" />
<img src="images/portfolio_image_1.png" class="captionme"
title="I am the only son" alt="Porfolio detail" />
<img src="images/portfolio_image_1.png" class="captionme"
title="I am the only son" alt="Porfolio detail" />