Q&A
コードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。
現在HTMLで↓のように
<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>cssで↓のように
.daruma {
position: absolute; z-index: 2;
top: 0px;
left: 90px;
width: 96px;
height: 65px;
}
書いて画像リンクをしながらマウスオーバーをし、なおかつ位置を指定したいと思っているのですが、
リンク？の位置とマウスオーバー時の画像がずれてしまっているのか通常の画像しか表示されません。
申し訳ないのですが、どなたかもっといい方法や、解決法を教えてくださ
``.daruma``の位置指定は何のためにやっているんですか？
回答2件
0
動くサンプル：https://jsfiddle.net/oak1hyar/
書かれているもので動くので、画像URLが間違っているなどをご確認ください。
他の方法については様々あるので、要件に合ったものをお使いください。
【【比較】覚えておきたいロールオーバー画像切替え 5つの手法（CSS？JS？onmouseover？）｜クロノドライブ】
http://html-coding.co.jp/knowhow/tips/rollover/
【CSSで実装する擬似クラス(:hover)を使ったマウスオーバー | webfeelfree】
http://webfeelfree.com/mouseover-css-hover/
また、「情報の追加・修正依頼」も御覧ください。よろしくお願いします。
投稿2016/07/11 18:03
総合スコア69407
0
<body>と<div class="daruma">
に閉じタグが存在していません。
投稿2016/07/09 07:20
総合スコア436
あなたの回答
tips
プレビュー
