前提・実現したいこと
1枚目の画像にカーソルを合わせると、2枚目の画像のようにしたい。
表示させるときにフワッと表示させたいと思ってるのですが、フワッと表示させるどころか画像の上に文字を重ねることすらできなくて困ってます。
初歩的な質問なのはわかってますが、よろしくお願いいたします。
該当のソースコード
html
1<div class="profile"> 2 <div class="profile-pic"> 3 <a href="profile.html"><img src="images/card/profile.jpg" width="70%" height="450px"> 4 </div> 5 <div class="work-title"> 6 <p>POPVIRUS PLAYER</p> 7 </div> 8</div>
CSS
1.work-title{ 2 margin: 0 auto 60px auto; 3} 4.work-title p{ 5 width:70%; 6 height:450px; 7 position: absolute; 8 z-index: 10; 9}
回答1件
あなたの回答
tips
プレビュー