javascriptのイベントで背景を透明化するため

.css("opacity","0")
としていたのですが、IEだけうまく透過しませんでした

そこでIE用に
filter: alpha( opacity=0)
を適用するように書き足したいのですが
どうもうまくいきません

どのように記述すればよいでしょうか?

A 回答 (2件)

たぶん、jquery使ってるんですよね?



.css( 'opacity', '0' );

はie6でも動くようです。
下記コードはie6で動作したことを確認できました。
----------------------------------------------
<!DOCTYPE HTML>
<html lang="ja">
<meta charset="utf-8">
<head>
<title> test </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/ …
</head>
<body>

<p>ああああああああああああああああああ</p>

<script type="text/javascript">

$('p').mouseenter(function()
{
$(this).css( 'opacity', '0' );
})
.mouseleave(function()
{
$(this).css( 'opacity', '1' );
});


</script>
</body>
</html>
    • good
    • 0

// IE用


 element.style.filter = "alpha(opacity=0)";

とか。

そのまま記述しても、他のブラウザでは無視されるはず。
きちんと書き分けるなら、ブラウザによって分岐するか条件付コンパイルなどを。


ご参考までに
http://hkom.blog1.fc2.com/blog-entry-499.html
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報