- 締切済み
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;
- jango5f
- お礼率50% (2/4)
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- torayoshi
- ベストアンサー率62% (910/1449)
#2です。 再現出来ません。 もしかしてビルダーかなんか使ってますか？ JavaScriptも使ってますね？ <html>～</html>全部書いてください。 外部ファイルもあったらそれも全部。
- torayoshi
- ベストアンサー率62% (910/1449)
#1です。 え～と、リスト使ってますね、CSSだけでなく<body>～</body>も書いてください。
- torayoshi
- ベストアンサー率62% (910/1449)
確認用ブラウザはなんですか？ 仮にIE6だとすると、IE6は透過PNGに対応していません。 それからbodyも書いてくれないとこちらでは検証出来ません。
お礼
回答ありがとうございます。 確認ブラウザはIE8、IE9、FIREFOX6.0.2 です。 bodyは以下です body { width: 940px; text-align: center; font-family:"ＭＳ Ｐゴシック", "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; }
お礼
よく理解できてなくてすいません。 この事でしょうか？ <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>