リンクで
通常:白ベタ背景
マウスオーバー:角丸で水色ベタ背景
としようと思ったら、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 */
}
コメントを残す