私はウェブサイトで画像のコラージュに取り組んでおり、ユーザーが画像にカーソルを合わせるたびに、各画像のオーバーレイがスムーズに移行するようにしたいと考えています。このオーバーレイはわずかに透明で、テキストとボタンが含まれている必要があります。これまでの私の進捗状況は次のとおりです。http：//classicopia.ivointeractive.com/
各画像は「product」divでラップされ、各product divには、ホバー時に表示されるimgと「productOverlay」divが含まれている必要があります。今のところ、本棚にオーバーレイが付いているのは本棚だけですが、それは見えませんが、それが問題の1つです。
私は今2つの問題で立ち往生しています：
オーバーレイを表示するにはどうすればよいですか？現在、それを非表示にするルールはありません。それを確認するために私ができる唯一のことは、その位置を絶対に設定することですが、それはその寸法を台無しにします。
オーバーレイを実際に画像の上に配置するにはどうすればよいですか？（現在、その下に配置されています）
私はすでにjQueryをロードしているので、それを使用するソリューションも問題ありません。ありがとう