0

私はサイトで多くの同様の質問を見つけましたが、私の救助に近づくものは何もありませんでした.要素に動的に div を追加しています.この div では、以下のように opacity スタイル属性について言及しています.

$('#cell').append('<div id="el_loading" 
style="-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";
filter: alpha(opacity=50);
opacity:0.5;
background-color: #fbfbfb;
height: 100%;
width:100%;
position:relative
;z-index:9999;">
<div style="top: 74.2px; width: 91px;">
<img  src="/myimage/loading.gif" title="Please Wait..." />
<span>
<b>Please wait ...</b>
</span>
</div>
</div>');

これは、ajax リクエストがサーバーに送信されたときにページをぼかすために行われています。このコードは JavaScript 領域に記述されているため、インライン スタイルを使用しています。上記のスタイルは IE10 では正常に機能しますが、IE8 では機能しません。

4

3 に答える 3

1

css スクリプトを独自の css ファイルに移動してください。

例えば：

  • style.css というファイルを作成し、以下のコードを貼り付けます。
#el_loading{
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    フィルター: アルファ (不透明度 = 50);

    /* ネットスケープ */
    -moz-不透明度: 0.5;

    /* サファリ 1.x */
    -khtml-不透明度: 0.5;

    /* 良いブラウザ */
    不透明度: 0.5;

    背景色: #fbfbfb;
    高さ: 100%;
    幅:100%;
    位置:相対
    ;Z-インデックス:9999;
}

次のようなスクリプト：

$('#cell').append('<div id="el_loading">
    <img  src="/myimage/loading.gif" title="Please Wait..." />
    <span>
        <b>Please wait ...</b>
    </span>
    </div>
</div>');

それが役立つことを願っています。

于 2014-08-12T09:05:42.660 に答える
0

filterstyle タグ内では一重引用符を使用します。

 $('#cell').append("<div id='el_loading' 
 style='-ms-filter:\progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\; /* double quote will end your style here only. So use single quote. */
 filter: alpha(opacity=50);
 opacity:0.5;
 background-color: #fbfbfb;
 height: 100%;
 width:100%;
position:relative;z-index:9999;'>
<div style='top: 74.2px; width: 91px;'>
<img  src='/myimage/loading.gif' title='Please Wait...' />
<span>
<b>Please wait ...</b>
</span>
</div>
</div>");
于 2014-08-12T07:13:18.330 に答える
0

以下を追加してみてください

 -moz-opacity: 0.50;
    opacity:.50;
    filter: alpha(opacity=50);

したがって、コードは次のようになります

$('#cell').append('<div id="el_loading" 
style="-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity:.50;
filter: alpha(opacity=50);
background-color: #fbfbfb;
height: 100%;
width:100%;
position:relative
;z-index:9999;">
<div style="top: 74.2px; width: 91px;">
<img  src="/myimage/loading.gif" title="Please Wait..." />
<span>
<b>Please wait ...</b>
</span>
</div>
</div>');
于 2014-08-12T07:14:08.607 に答える