jquery - 画像の不透明度の問題を設定する

Question

少しデザインに問題があります。

このページには、マウスオーバー画像がいくつかあります。ご覧のとおり (IE のみ)、不透明度を設定すると、画像は黒で囲まれます。

Firefox ではこの問題は発生しません。

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

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

ありがとう、リチャード

Answer 1

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

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

これによりテーブルが不安定になる場合は、ページで使用しているテーブル構造に問題があるはずです (ページのテーブル構造に問題は見られません)。

この問題を回避するvisibilityには、( を使用する代わりにdisplay) このようなクラスを使用することもできます -

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