リンク先にマウスオーバーしたときに吹き出しで一言出しています。
今回の質問は、この吹き出しの表示位置を、対象の下ではなく、上にする方法です。
いまのやつは下記のように作っています。
<a href="#">普通のリンクです。<span class=setumei>怒らないで</span></a>
CSS
1.setumei { 2 display: none; 3 position: absolute; 4 top: 1em; 5} 6a:hover { 7 position:relative; 8 text-decoration:none; 9} 10a:hover .setumei { 11 display: block; 12 background-color: #e79221; 13 padding:3px; 14 color:#ffffff; 15 border-top:#ffffff solid 10px; 16 border-left:#e79221 solid 5px; 17} 18
上記のコードのどこをどうすれば、吹き出しは上に位置してくれるでしょうか?
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/06/22 12:03