フィルタを使用してtransparency_javascriptスキルを設定することによって発生するIE 6/7/8/9解析例外の解決策

次のように

コードをコピーします コードは次のとおりです:

赤丸内は、divに追加されたインラインスタイルのwidth、height、backgroundが順番に並んでいることがわかります。普通！

ただし、filter:alpha(opacity=20) を div に追加した後、

コードをコピーします コード

図 2 に示すように、状況は変わりました。

赤丸で示したように、widthとfilterが1行に詰め込まれています。通常の状況では、width は新しい行で始まる必要があります。
ページ要素の正しいレンダリングに影響を与えない限り、これは開発者ツールが正しく表示されないだけだと言う人もいるかもしれません。
実際、IE6/7/8/9 では、この要素の幅、高さ、背景色、透明度は設定で期待どおりにレンダリングおよび表示できます。写真に示すように:

また、styleタグやcssファイル内にスタイルを記述した場合にも上記の現象が発生します。

JS 設定フィルターをもう一度見てみると、状況が少し異なります。コードは次のとおりです:

コードをコピー コードは次のとおりです:

上記の HTML の最後の js コードに注目してください

コードをコピーします コードは次のとおりです。 d1.style.filter = 'alpha(opacity=20)';

右括弧の後にセミコロンはありません。ここで文を少し変更します (確かにわずかな変更ですが、セミコロンを追加するだけです)

コードをコピーします コードは次のとおりです: d1.style.filter = 'alpha(opacity=20);';

つまり、括弧の後にセミコロン「;」が追加されます。 この時点で、図 3 に示すように IE 開発者ツールが表示されます:

赤で囲まれた部分には、背景、フィルター、高さ、幅の 4 つの CSS 属性が別の行に表示されています。図 2 のようにフィルターや幅は 1 行で表示されません。

追記: 多くの一般的な JS ライブラリでは、透明度を設定するためにアルファ (opacity=20) の後にセミコロンを追加しません。