Dreamweaver中css样式，如何给不同版本的浏览器判定？？？
解决时间 2021-05-07 10:41
- 提问者网友：城市野鹿
- 2021-05-06 21:14
做勒一个网页，CSS样式中IE5，6还有FF浏览的效果都是一样的，除IE7有些图片不能正常显示。然后朋友做的网页，IE7以上版本正常显示。两个人想着用浏览器判定的方式供不同浏览器浏览。
他的CSS样式，供IE7以上版本。我的供IE6以下版本。
请问HTML中，不同版本的浏览器判定代码应该怎样写？？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>石器时代主题公园</title>
<link href="2.css.css" rel="stylesheet" type="text/css" />
</head>
<link href="2.css.css" rel="stylesheet" type="text/css" />
（2.css.css是我写的样式，他写的为1.css.css）
最佳答案
- 五星知识达人网友：洒脱疯子
- 2021-05-06 22:30
IE的if条件Hack
引用内容 引用内容
<!--[if IE]> Only IE <![endif]-->所有的IE可识别
<!--[if IE 5.0]> Only IE 5.0 <![endif]-->只有IE5.0可以识别
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->IE5.0包换IE5.5都可以识别
<!--[if lt IE 6]> Only IE 6- <![endif]-->仅IE6可识别
<!--[if gte IE 6]> Only IE 6/+ <![endif]-->IE6以及IE6以下的IE5.x都可识别
<!--[if lte IE 7]> Only IE 7/- <![endif]-->仅IE7可识别
像你这个可以这样写：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>石器时代主题公园</title>
<link href="1.css" rel="stylesheet" type="text/css" />
<!–[if lte IE 6]>
<link href="2.css" rel="stylesheet" type="text/css" />
<![endif]–>
</head>
全部回答
- 1楼网友：愁杀梦里人
- 2021-05-07 04:08
<!--[if IE]>
这里是正常的html代码
<![endif]-->
如果IE6
<!--[if lte IE 6]>……<![endif]-->
- 2楼网友：归鹤鸣
- 2021-05-07 03:38
用JS判断 var Browser = {
'isIE' : (navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0),
'isFirefox' : navigator.userAgent.indexOf('Firefox') >= 0,
'isOpera' : navigator.userAgent.indexOf('Opera') >= 0
};
- 3楼网友：话散在刀尖上
- 2021-05-07 02:12
这个js能判断IE6与IE7
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")
{
alert("IE 7.0");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0")
{
alert("IE 6.0");
}
</script>
但不能判断IE与ff
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS检查是什么浏览器</title>
<script language="JavaScript" type="text/javascript">
function checkFirefoxOrIE(){
userAgent=window.navigator.userAgent.toLowerCase();
if(userAgent.indexOf("firefox")>=1){
Findex=userAgent.indexOf("firefox/");
versionName=userAgent.substr(Findex+"Firefox/".length,3);
document.write("你用的是火狐浏览器！版本是：Firefox/"+versionName+"<br>");
}
else {
var name=navigator.appName;
if(name=="Microsoft Internet Explorer"){document.write("你用的是IE浏览器！");}
}
}
</script>
</head>
<body onload="checkFirefoxOrIE();">
</body>
</html>
这个能判断IE与ff，
你在他alter一个值的地方引用你不同的样式即可
- 4楼网友：未来江山和你
- 2021-05-07 00:41
<meta http-equiv="X-UA-Compatible" content="IE=7">
是进行浏览器渲染的代码
css不能判断浏览器类型和版本、需要JS才行！
- 5楼网友：行雁书
- 2021-05-06 23:15
<!--[if IE7]><link type="text/css" rel="stylesheet" href="1.css.css" /><![endif]-->试验下这样的判断
我要举报
大家都在看
推荐资讯