0

私が達成しようとしているのは、古いバージョンの IE を使用しているユーザーに、IE が多くの最新の技術をサポートしていないため、Web サイトを正しく表示できないことを伝えることです。もちろん、ポップアップを使用して警告することもできますが、代わりにページ全体にレイヤーを開きたいと思います。

固定divでこれを達成しようとしましたが、うまくいきませんでした。IE は、ページを左右に覆うのではなく、単にページの上部に div を表示します。

ここに私のCSSがあります

background-color: #c0c0c0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;

他の投稿で、div を body 内に配置することに問題がある可能性があることを読みました...そのため、外側に移動しましたが、結果は同じでした。

これは私が使用しているコードです

<?

 $ie6 = "MSIE 6.0";  
 $ie7 = "MSIE 7.0"; 
 $ie8 = "MSIE 8.0"; 
 $ie9 = "MSIE 9.0"; 

 $browser = $_SERVER['HTTP_USER_AGENT'];  

 $browser = substr("$browser", 25, 8);  

 if($browser == $ie6 || $browser == $ie7 || $browser == $ie8 || $browser == $ie9){ 

//echo "<script>alert('Your Browser is Internet Explorer version $browser. Please update your browser to Internet Explorer version 10 to view the website correctly. IE versions under 10 does not support many of the modern web technologies and therefore you will not see the website correctly. You can also use other browsers like Chrome, Mozila, Opera, etc');</script>";
print "<div class=ie><div class=ie_message>Your Browser is Internet Explorer version $browser. Please update your browser to Internet Explorer version 10 to view the website correctly. IE versions under 10 does not support many of the modern web technologies and therefore you will not see the website correctly. You can also use other browsers like Chrome, Mozila, Opera, etc</div></div>"; 
}  
?>

サーバーがローカルにあるかどうかをテストしているため、リンクを提供できません

ありがとう

4

3 に答える 3

1

一部のブラウザは位置をサポートしていません。fixed位置を試してくださいabsolute:

background-color: #c0c0c0;
position:absolute; /* <-- absolute position */
top:0;
left:0;
width:100%;
height:100%;
z-index:100;
于 2013-09-15T05:39:20.733 に答える
0

IE (およびその他のブラウザー) にはデフォルトのマージン設定が付属していると思います。入力body {margin: 0;}が役立つ場合があります。

編集：私が間違っている場合は誰かが私を修正してください。ただし、パーセンテージを使用する場合、ページ全体の 100% ではなく、親要素である本体の 100% になります。したがって、本文にマージンがある場合、オーバーレイする div はそれらのマージンを超えて拡張できません。

于 2013-09-15T05:31:48.633 に答える
0

あなたはこれで試すことができます、

div.ie {
    background-color: #c0c0c0;
    position:fixed;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    z-index:100;
    overflow: hidden;
}

IE でhttp://jsfiddle.net/AeuxM/show/を試してください

于 2013-09-15T05:34:51.557 に答える