14

私はこれに取り組んでいますが、おそらく単純な解決策ですが、この特定の問題に関連するスタックオーバーフローまたはインターネットに関するヘルプは見つかりませんでした。

メニューがあり、リンクの下に画像を表示したり、カーソルを合わせたときに画像を近くに表示したりしたいと考えています。これをCSSで実現できることを願っています。これはこれまでの私のコードです。

HTML

<html>
    <head>
        <title></title>

        <link rel="stylesheet" type="text/css" href="startpage.css">


        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
     <div id="wrapper">


         <img id="baggrund" width="166" height="327" alt="back image" src="images/laerkeryg.jpg"/>
         <img id="cirkler" width="319" height="249" alt="circles" src="images/circles.PNG"/>
         <div id="header">/jacob gerlif pilegaard/</div>
         <div id="underheader">portfolio</div>   
          <ul>
            <li><a href="index.html">home</a></li>
            <li><a href="about.html">about</a></li>
            <li><a href="gallery.html">gallery</a></li>
            <li><a href="contact.html">contact</a></li>
            </ul> 
         </div>
     <img id="menucircle" width="50" height="50" alt="menu circle" src="images/circle.PNG"/>
          </body>
</html>

これまでの CSS は次のとおりです。

a:hover
{
    background-image: url('image/circle.PNG');
    background-repeat: no-repeat;
}

皆さんが私を助けてくれることを願っています!

4

3 に答える 3