特定の動作時フレームの背景色が透明(灰色)になる

解決済

質問者：sac-9
質問日時：2008/11/04 09:25
回答数：1件

今日は。
早速ご質問させて頂きたいのですが
AフレームとBフレームがあり、Aフレームの画像にオンマウスすると
Ｂフレームに画像が表示される、というのをしてます。

Aフレームの画像にオンマウス中だけ、Bフレームに指定の画像が表示されはするんですが
指定の画像表示中のみ、画像の背景がブラウザ色(灰色)になってしまいます。
Bフレームの背景の色はちゃんと変えています。

Bフレームの背景を白にしてるんですが、
Aフレームの画像にオンマウス→Bフレームに画像表示(その時だけBフレームの背景がブラウザ色に)
Aフレームの画像からオフマウスするとBフレームは通常通り白色に戻ります。

Aフレームのbody内に
<a onMouseOver="window.parent.Bフレーム名.location.href ='Bフレームに表示させる画像.';"
onMouseOut="window.parent.Bフレーム名.location.href =BフレームURL;">
<img src="Aフレームに載せてる画像" border="0">
を書いています。

Bフレームには
<body bgcolor="#ffffff" text="#000000">

と書いています。

Aフレーム内にbgColorで白を指定して入れてみたりしたんですが
そうすると今度はBフレームに画像が表示されなくなってしまいました。
白いテーブルでBフレームを覆うみたいなのも検索で出てきたんですが
やはり画像表示中はブラウザ色になってしまいます。

Aフレームの画像にオンマウス→Bフレームに画像表示
をしても、Bフレームの背景がブラウザ色(灰色)にならない方法を教えて頂ければと思っております。
どうぞよろしくお願い致します。

通報する

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

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： fujillin
回答日時：2008/11/04 16:25

＞location.href ='Bフレームに表示させる画像.';

ということは、直接画像を表示させているということですよね？
<body bgcolor="#ffffff" text="#000000">はどこで指定しているのでしょうか？

様子がよくわかりませんが、想像するところ、ブラウザの背景色のデフォルトがグレイになっているので、画像をダイレクトに表示する時はその色になるのではないのかな？
（試しに、画像ファイルを直接表示してみれば背景色が確認できます）

質問者さんのローカルさえ修正できればよいのなら、ブラウザの背景色設定を白などにすれば良いと思われます。
ブラウジングする人の環境に拠らず、常に背景を白にしたいのなら、表示するファイルを、ｈｔｍｌファイルにしておいて、背景色の指定と、imgタグからなるhtmlファイルを用意しておけばよいのでは？

- 0
- 件

通報する

この回答へのお礼

早速のご回答有難う御座います。
<body bgcolor="#ffffff" text="#000000">はBフレームのbody内に書いています。

画像をダイレクトに表示しているかもとの事ですが、そうかもしれないです；
私のブラウザの色は灰色にされて居ます。

fujillin様が言うように、今はまだ完成に程遠いので、ネット上に公開出来るようになったら
やっぱり、誰のブラウザから見ても背景が白色だと嬉しいので

fujillin様が言う
>表示するファイルを、ｈｔｍｌファイルにしておいて、背景色の指定と、imgタグからなるhtmlファイルを用意

って言うのをやってみようかなって思います。
これは、Bフレームに表示したかった画像を貼り付けたhtmlを用意して、
そのhtmlをＢフレームが表示される所に表示させるって事でしょうか？

画像を表示する位置とかも調節したいと思ってたんですが、Ｙだとかの数値を書き込む必要があるみたいで
更に高度で私にはちょっと理解が追いつかなかったので、fujillin様のアドバイスの
画像をhtmlにしててそれを表示っての、凄く良いアイディアですね＞＜
それなら簡単に画像を表示する位置も指定出来るので、凄く良いです。
画像表示させるのにhtmlにしてって発想が思い浮かばなかったので、目からウロコ状態です。
２日近く試行錯誤して解決しなかったので、本当に助かりました。
有難う御座いました!!!