2つのdivを積み重ねてクロスブラウザのonclick/background画像の動作の問題に直面する

Question

私は、どこでもクリックすると1つの画像を変更するWebサイトで作業しています。 1つのdivはレイヤーの下に重ねられ、両方ともページ全体をカバーし、画像とキャプションを含むスパンがあります。

Firefox、Chrome、Operaで完全に動作します。これは、背景画像を表示したり、自分のサイトの背景をクリックして画像を変更したりすることができないというEdge（別名IE）にあります。モバイルでは、バックグラウンドを除いてonclickで同様の問題が発生しています。はが表示されます。背景はjavascriptで設定されています。 2つのdiv要素の私のCSSは次のとおりです。

.all { 
height:100%; 
width:100%; 
background-size:cover; 
position: absolute; 
left:0; 
top: 0; 
} 

.loading { 
height:100%; 
width:100%; 
position: absolute; 
z-index: 999; 
left:0; 
top: 0; 
} 

私のJavascriptをhereであり、それのルートは明らかに私のhtmlです。

私はdivや何かの理解が不足していることや、これらの要素とのブラウザ間の互換性に関する知識が不足していると確信しています。

ご協力いただければ幸いです。

Answer 1

理由はわかりませんが、styleメソッドがIEでうまく動作しないようです。 cssTextを追加すると、（Iエッジしていない）IE11で私の作品：

document.getElementById("all").style.cssText= "height:100%; width:100%; background-size:cover; position: absolute; left:0; top: 0; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px);"; 

PS： <center>タグは長い時間前に廃止されました。 cssを使用して要素を中央に配置します。