画像では3枚の写真を見ることができますが、それらをテキストでホバーしたいです。私は、このすべての CSS のことでかなり新しいです。3 つの画像テキストのうちの 1 つにカーソルを合わせると、私の問題は、私が多くのことを試したことです。
HTML:
<div id="imgBackground"></div>
<div id="imgContainer">
<img src="images/coffee_01.jpg" />
<img src="images/coffee_02.jpg" />
<img src="images/coffee_03.jpg" />
</div>
CSS:
#imgBackground {
position: absolute;
width: 100%;
height: 300px;
background-color: rgb(244,244,244); }
#imgContainer {
position: relative;
margin: auto;
width: 980px;
padding: 30px; }
#imgContainer img {
margin: 0px 14px 0px 14px;
width: 295px;
height: 254px; }