hirokonaBlog

携帯サイトでの画像％指定は幅+高さ両方指定すると画像がへしゃげるよ

リンクで

通常：白ベタ背景

マウスオーバー：角丸で水色ベタ背景

としようと思ったら、a:hoverのときに角丸にならなかったのでメモ。

ホバーの時突然角丸にしようとしてもダメらしいので

通常時もこっそり角丸にしておいたらうまくいく

body.twoCols div#content div#sub ul.subNavi li a {
position:relative;/* for PIE.htc */
display: block;
width: 162px;
padding: 8px 0 5px 36px;
text-decoration: none;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: #fff 1px solid;
behavior: url(../assets/styles/PIE.htc); /* for IE css3 */
}

body.twoCols div#content div#sub ul.subNavi li a:hover {
position:relative;/* for PIE.htc */
display: block;
width: 162px;
padding: 8px 0 5px 36px;
background: #ffedf1 url(../images/bg_subnavi_li_on.gif) 8px 8px no-repeat;
text-decoration: none;
color: #e7346e;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: #fff 1px solid;
behavior: url(../assets/styles/PIE.htc); /* for IE css3 */
}

WordPress へようこそ。これは最初の投稿です。編集もしくは削除してブログを始めてください !