Google Chromeで透過(opacity)が効かない

user-pic
0
IE、FFで問題なかった、A要素をマウスオーバーで透過する処理がGoogle Chromeで効かず...

.box a:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -khtml-opacity: .75;
    -moz-opacity: .75;
}

色々いじってみたところ

.box a:hover img {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -khtml-opacity: .75;
    -moz-opacity: .75;
}

または

.box a:link,
.box a:visited {
    display: block;
}
.box a:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -khtml-opacity: .75;
    -moz-opacity: .75;
}

で効くようだ。
そもそも問題なしとしていた方の書き方がおかしいのかな。

関連のありそうな記事

トラックバック(0)

トラックバックURL:

コメントする

RSS

楽天おすすめ

Tag Cloud

SEO対策

Sponsor Site

Category

Archives

Amazonおすすめ

Copyright © 2008 Trendspotting All rights reserved.