Question

我只用CSS3＆amp; HTML5。所以IE无法正确显示它。我想向每个Internet Explorer用户展示一个内容简单的其他网站：请使用Google Chrome，Fire Fox等现代浏览器...

如何检测浏览器并显示其他网站？或者我可以为像

这样的Internet Explorer用户构建文本

<div style="display:none;">Please use a modern Browser!</div>

并仅为Internet Explorer用户显示它？

Answer 1

您可以利用IE检测IE本身推出。所以将div放在display none，然后制作一个ie样式表并定位你想要的所有不同版本。

有关具体细节的更多信息，请访问：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Answer 2

有更好的选择，而不是添加新的样式表

<!doctype html>
<!--[if lt IE 7 ]> <html class="ie ie6" lang="en-US"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7" lang="en-US"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8" lang="en-US"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en-US">
<!--<![endif]-->

并在样式表中添加一个选择器类

.page {
    //some style for morden browsers
}
.ie .page {
    //some style for all ie versions
}
.ie6 .page {
    //some style for ie 6 only
}
.ie7 .page {
    //some style for ie 7 only
}
.ie8 .page {
    //some style for ie 8 only
}
.ie9 .page {
    //some style for ie 9 only
}

可以使用单一样式表

完成

Answer 3

navigator.userAgent

这里有一个非常酷的脚本：http://www.quirksmode.org/js/detect.html

Answer 4

您可以使用以下内容：

<?php
$u_agent = $_SERVER['HTTP_USER_AGENT']; 
if(preg_match('/MSIE/i', $u_agent)) 
{ 
    // Change http://www.othersite.com, by your other site URL
    header('Location: http://www.othersite.com'); 
} 
?>

您还可以对IE使用条件注释。

检测浏览器并显示其他内容

4 个答案: