jQuery が IE8_html/css_WEB-ITnose で PNG 画像の透明度を変更すると、黒枠の問題が発生します。

jQuery を使用して png24 形式の画像に表示/非表示アニメーションを追加すると、画像の半透明の領域に黒いエッジが表示されることに気づきましたか?

インターネットで検索すると、主に次の方法があります:

1. 画像を PNG-8 形式で保存します。

2. 背景色を切り取ってJPG形式で保存します。

上記の2つの方法を試しましたが、png8形式ではまだ黒いエッジが残るようです。

解決策:

1. 画像の透明度を直接変更するのではなく、画像のコンテナを配置してコンテナの透明度を変更します

2. コンテナに同様の背景色を追加します (非常に重要です)。バグを解決する 重要なのはこのステップです)

通常の状況では、この時点でバグは解決されています。まだ問題がある場合は、以下を参照してください:

3. コンテナにズームを追加します: 1

(個人的には、この方法は単なる目隠しであり、問​​題を根本的に解決するものではないと考えています。今のところ、これが唯一の方法であると思われます。