浏览器兼容性测试方案_常见浏览器兼容性问题_多浏览器兼容测试策略(15)
电脑杂谈 发布时间：2017-04-04 02:07:07 来源：网络整理<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7" />
<title>浏览器兼容性问题</title>
<style type="text/css">
.t1
{
color:#000000; /*所有浏览器都支持 此处填写Firefox的css*/
*color:#0000FF;/* ie6 id7 支持此处填写ie7的css*/
_color:#66CCCC;/* ie6支持 此处填写ie6的css*/
}
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0)
{ .t1{color:#9900FF}} /* oprea支持 此处填写oprea的css*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.t1{color:#336600}/* Chrome、Safari支持 此处填写Chrome的css*/
}
</style>
</head>
<body>
<div class="t1">ff、ie8、ie7、ie6、oprea、Safari兼容性css 书写模式<br>
.t1{
color:#000000; /*所有浏览器都支持 此处填写Firefox的css**/<br>
*color:#0000FF;/* ie6 id7 支持此处填写ie7的css*/<br>
_color:#66CCCC;/* ie6支持 此处填写ie6的css*/<br>
}<br>
/* oprea支持此处填写oprea的css*/<br>
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0)<br>
{ .t1{color:#CC66FF}}<br>
/* Chrome、Safari支持 此处填写Chrome的css*/<br>
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.t1{color:#336600}}
}
</div>
</div>
</body>
</html>
常见的浏览器兼容问题
Css样式是与DOCTYPE引入的W3C//DTD有关的，不同的dtd对css的解析也不同，我们现在统一使用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""">
本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-39333-15.html
-
岳克 -
李海腾
烊烊最后那一笑好迷人啊
-
潘婷
迅速崛起
我可以感染乙肝多久？
四个个人防火墙软件评估的国际部分
超级计算机“神威·太湖之光”是世界上最快的
硬盘修复_硬盘坏道屏蔽修复_硬盘坏道修复多少钱