internet-explorer-6 - 私のコードのいくつかのブラウザの問題

Question

私のウェブサイトには、ブラウザごとに動作が異なるいくつかの問題があります。

1. 下部の灰色のボタンの下に表示される赤いパネルは、他のブラウザーではなく、単に ff のようです。
2. ユーザーが下部のグレーのボタンの 1 つをクリックすると、白いパネルの下に赤いパネルが表示されますが、左側の少しだけ表示されます。
3. islerimiz.html (ユーザーが下部の中央のボタンをクリックする) ページの左側にある白いパネルをぼかす必要があります。一番下のページの右端のボタンをクリックすると、本当に機能します。

ie6 エラー:

1. 赤い点は長方形に見えます。
2. 赤いパネルのスクリプトが機能していません。
3. ページの背景とロゴの背景は同じはずなのに違うように見える
4. islerimiz.html ページのぼやけたパネルがまったく表示されない.
5. iletisim.html のぼやけたパネルが表示されません。ぼやけたパネルの写真は影付きで表示され、形状は長方形です。また、その写真のリンクをクリックできません。

css でこの問題を解決するにはどうすればよいですか。css で解決できない場合は、jquery を試すことができますが、最初の選択肢は css です。インデックス ページに複数の JavaScript ライブラリがあります。しかし、それらの 1 つを削除すると、いくつかのスクリプト動かない。

Answer 1

これらの問題のほとんどは、png を使用しているためです。それらをgifに切り替えます。少なくともie6の場合、条件付きコメントでラップされたスタイルシートにそれらを適用すると、そのリストのパーセンテージがなくなります。あなたのselectivizrCSSForIEselectivizr.jsもie6以上をターゲットにしています。赤いパネル スクリプトが正確にはわかりませんが、ie...idk 100% の webm ファイルを追加しているようですが、その形式もサポートしていないと言います。ie6 が好むメディア タイプに変換し、これを ie6 条件付きコメントでのみ提供します。