您所在的位置: 首页 > 健宇学院 > 网站技术 > 今天利用CSS Hack,通过HTML注释对各大浏览器进行了内核的测试!

今天利用CSS Hack,通过HTML注释对各大浏览器进行了内核的测试!

今天利用CSS Hack,通过HTML注释对各大浏览器进行了内核的测试!这次的浏览器测试分别有:火狐、IE8、IE7、IE6、世界之窗、搜狗浏览器。

效果测试:

火狐:火狐

IE8:IE8

IE7:IE7

IE6:IE6

世界之窗:世界之窗

搜狗浏览器:搜狗浏览器

由以上效果图显示,可以得出一个定义,就是世界之窗的浏览器是完全支持IE8的CSS规则的,而搜狗浏览器则是支持IE7的CSS规则,由于我没有用360浏览器,所以没有进行测试,但是以往的测试,他是属于IE6的行列。

我们通常在用DIV+CSS页面的时候,第一件事要考虑的就是各大浏览器的兼容性问题,只要遇到到了HACK的话,有很多朋友都不知道如何去解决。在这里,我将会告诉大家如何去定义,遇到了兼容性问题,如何去修改测试。

我先以一段CSS测试代码来注释个属性的效果。

jianyu_test{ 
color:blue; // 所有浏览器 ,除去IE等,显示蓝色
color:brown\9; // 所有IE浏览器 ,IE8则显示褐色
+color:red; // IE7 ,显示红色
_color:green; // IE6,显示绿色
}

最后分享测试代码:

<!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=utf-8" />
<title>今天利用CSS Hack,通过HTML注释对各大浏览器进行了内核的测试!</title>
</head>
<style type="text/css" media="screen">
p.ie{
height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15;
color:blue; // 所有浏览器
color:brown\9; // 所有IE浏览器
+color:red; // IE7
_color:green; // IE6
}
</style>
<body>
<p class="ie">
<span style="display:block;display:none\9;">嘿嘿,小子竟然也用Firefox,蓝色文字。</span>
<!--[if IE 8]>不错不错,挺先进的嘛,使用IE8呢!文字是褐色的。<![endif]-->
<!--[if IE 7]>你,IE7,红色文字!<![endif]-->
<!--[if IE 6]>孩子,虽然显示的是绿色文字,不过,IE6可不是好东西呢!<![endif]-->
</p>
</body>
</html>

请尊重我们的辛苦付出,未经允许,请不要转载 健宇工作室 的文章,鄙视各种无耻的采集行为!

健宇工作室分享区  YY教学频道号:63565426

相关日志:

今天利用CSS Hack,通过HTML注释对各大浏览器进行了内核的测试!:等您坐沙发呢!

给我留言

62 + 38 = 两数相加后,请输入答案