画像の不透明度の設定問題

少し問題があります。画像の不透明度の設定問題

オンthis page私は2つのマウスオーバー画像を持っています。あなたが見ることができるように（IEのみ）、不透明度を設定するとき、イメージは黒で丸で囲まれています。

私はこの問題はFirefoxではありません。

私が不透明度を使用する理由は、画像を隠す/表示すると、画像が存在するテーブルが不安定になるからです。

誰でもこの問題を解決できますか？

ありがとう、リチャード

出典

2009-07-11 Richard

あなたが正しいとしての私の答えを見つけた場合、他のユーザー（と私はいくつかの追加のポイントを得ることができる）同じ問題に直面して:)） – Kirtan

これはかなりのハックです。理想的には、あなたがこのようなマウスオーバー/マウスアウト上の画像を表示/非表示にする必要があります -

document.getElementById("imageId").style.display = "none"; //Hide 
document.getElementById("imageId").style.display = ""; //Show

これはあなたのテーブルを作る場合不安定、そしてあなたがあなたの上で使用しているテーブル構造を持ついくつかの問題が存在しなければなりませんページ（私はthe page thoのテーブル構造に何の問題もありません）。

あなたはまた、（代わりにdisplayを使用しての）このようなvisibilityクラスを使用することができます。この問題を回避するには - ようにあなたは、答えとしてそれをマークすることができ、

document.getElementById("imageId").style.visibility = "hidden"; //Hide 
document.getElementById("imageId").style.visibility = "visible"; //Show

出典

2009-07-11 06:29:42 Kirtan

大変ありがとう、それは – Richard

表示する場合は、ディスプレイを設定する必要があります= 'ブロック' –

デイブ、要素がブロックモードで表示されたかどうかによって隠される前に "表示"プロパティが ""または "ブロック"に依存します。「ブロック」要素として表示されず、「表示」プロパティの値を「ブロック」に設定すると、FFでレイアウトが混乱することがあります（いくつかのケースを見たことがあります）。 – Kirtan

画像の不透明度の設定問題

答えて

関連する問題