CSSを以下の通りにして、ブログ村のバナーをマウスオーバーで画像を変更することに成功。
A.blogmura_img {
display : block ;
width : 88px ;
height : 31px ;
background-repeat : no-repeat ;
background-position : center center ;
}
A.blogmura_img:link {
background-image: url("http://poem.blogmura.com/haiku/img/haiku88_31_yellow_2.gif");
}
A.blogmura_img:hover {
background-image: url("http://poem.blogmura.com/haiku/img/haiku88_31_yellow_2.gif");
}
A.blogmura_img:active {
background-image: url("http://poem.blogmura.com/haiku/img/haiku88_31_yellow_2.gif");
}
A.blogmura_img:link img{
visibility : hidden ;
border-style : none ;
}
A.blogmura_img:hover img{
visibility : hidden ;
border-style : none ;
}
A.blogmura_img:active img{
visibility : hidden ;
border-style : none ;
}
それにしてもリンクテキストのデコレーションが変わらない・・・。
登録:
コメントの投稿 (Atom)
0 件のコメント:
コメントを投稿