

現在HTMLで↓のように

[code]

    <body>
    <div class="daruma"><div style="position:absolute;top:-20px;left:0px;">
    <a href="リンク/"><img src="元の画像" border="0" onMouseOver="this.src='マウスオーバー時画像'" onMouseOut="this.src='マウスアウト時画像'" />
    </a>
    </div>
    
[/code]

cssで↓のように

[code]

    .daruma {
    position: absolute; z-index: 2;
    top: 0px;
    left: 90px;
    width: 96px;
    height: 65px;
    }
    
[/code]

書いて画像リンクをしながらマウスオーバーをし、なおかつ位置を指定したいと思っているのですが、  
リンク？の位置とマウスオーバー時の画像がずれてしまっているのか通常の画像しか表示されません。


CC BY-SA 3.0
2016-07-09T06:39:14.763
27471
2016-07-09T09:25:59.300
2016-07-09T09:25:59.300
5519
17114
question
html css
CSSで画像の位置がうまく調整できない