こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

CSS ロールオーバーでpng画像が透過しない

下のCSSでオンマウス時(hover)のpng画像(下記の6b.png)が透過せず、jpgの様に白い背景になってしまいます。
どなたか分かる方よろしくお願いします。

#menu ul#gNavi li#gn06 a:link,
#menu ul#gNavi li#gn06 a:visited{
background-image: url(../img/6.png);
background-repeat: no-repeat;
}
#menu ul#gNavi li#gn06 a:hover,
#menu ul#gNavi li#gn06 a:active{
background-image: url(../img/6b.png);
background-repeat: no-repeat;

投稿日時 - 2011-09-16 12:57:08

QNo.7014614

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

#2です。
再現出来ません。
もしかしてビルダーかなんか使ってますか?
JavaScriptも使ってますね?
<html>~</html>全部書いてください。
外部ファイルもあったらそれも全部。

投稿日時 - 2011-09-18 20:15:30

ANo.2

#1です。
え~と、リスト使ってますね、CSSだけでなく<body>~</body>も書いてください。

投稿日時 - 2011-09-18 17:58:02

お礼

よく理解できてなくてすいません。
この事でしょうか?

<body onload="MM_preloadImages('img/mail_b2.jpg')">
<div class="style13" id="menu0">
<h1></h1>
</div>
<div id="menu">
<ul id="gNavi">
<li id="gn01">クリートTOP</li>
<li id="gn02"><a href="product.html">2</a></li>
<li id="gn03"><a href="taiken.html">3</a></li>
 <li id="gn04"><a href="qa.html">4</a></li>
<li id="gn05"><a href="otoiawase/index.html">5</a></li>
<li id="gn06"><a href="staff.html">6</a></li>
</ul>
</div>
<div id="head1">
</div>
</body>

投稿日時 - 2011-09-18 19:25:04

ANo.1

確認用ブラウザはなんですか?
仮にIE6だとすると、IE6は透過PNGに対応していません。
それからbodyも書いてくれないとこちらでは検証出来ません。

投稿日時 - 2011-09-16 17:53:39

お礼

回答ありがとうございます。
確認ブラウザはIE8、IE9、FIREFOX6.0.2 です。
bodyは以下です
body {
width: 940px;
text-align: center;
font-family:"MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
font-size: 100%;
color: #000000;
font-weight: 500;
background-color: #FFFFFF;
text-align:center;
margin-left:auto;
margin-right:auto;
text-align:left;
border:0px;
border-style: solid;
border-color: #a5dbf7;
background-image: url(../img/body.jpg);
background-repeat: no-repeat;
background-position: center top;
}

投稿日時 - 2011-09-18 14:24:26

あなたにオススメの質問