カテゴリー
開発関連

htcでIEに角丸対応してさらにホバーの時も角丸対応させる

リンクで

通常:白ベタ背景

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

としようと思ったら、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 */
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください