※ ChatGPTを利用し、要約された質問です(原文:G-Chromでの質問です)
G-Chromでの質問:なぜGoogle Chromでは画像のフェードインが行われないのか?
このQ&Aのポイント
G-Chromでの質問です。IE環境下では画像のフェードインが正常に稼働するが、Google Chromでは白画像のまま表示される。
Javascriptの制限により、Google Chromでは画像のフェードインが正常に行われない可能性がある。
G-Chromでの画像のフェードインについての質問です。Chromeでの制約や注意点について教えてください。
いつもお世話になっております。
読み込み後、h1.gifが白→画像とだんだんフェードインするようなjavascriptを利用しています。
IE環境下では正常に稼動するのですが、Google Chromだと白画像を優先してフェードインが行なわれません。(白画像のまま)
以下のソースで動かしているのですが、chromeだとjavascriptが大きく制限されることはあるのでしょうか?(不勉強で、chromeだとimportant指定を最初の行にしないとダメ、とかの基本的なことしかわかりません)
もしよろしければ、ご回答いただけますと幸いです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>背景画像を少しずつフェードインさせる</title>
<script language="JavaScript"><!--
n = 100;
function fadeInBG()
{
if (n < 0) return;
n -= 2;
myIMG.filters['alpha'].opacity = n;
setTimeout("fadeInBG()",100);
}
// --></script>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS" />
<link rel="stylesheet" type="text/css" href="./css/header.css" />
</head>
<body scroll=no>
<td><div align="right"><body background="./img/h1.gif" onLoad="fadeInBG()"></td>
<img src="./img/white.gif" id="myIMG" width="120%" height="120%" style="position:absolute;top:0px;left:0px;z-index:1;filter:alpha(opacity=100);">
</body>
</html>
お礼
お返事遅くなりましてすみません。 opacity指定だと、ブラウザによって指定数値が異なるんですね。 Chromeはまだβ版ですし、そこまで考えなくてもいいのかな…。 とりあえずFirefoxだけでもopacity使って調整させていただきます。 ありがとうございました♪