javascriptでCSSを書き換える際の記述

締切済

質問者：rogner
質問日時：2011/04/26 04:40
回答数：2件

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

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

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

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.1

回答者： fujillin
回答日時：2011/04/26 09:14

// IE用

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

とか。

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

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

- 0
- 件

通報する

No.2

回答者： reggaepunc
回答日時：2011/04/30 01:07

たぶん、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>