公司动态
css兼容代码演示示例
摘要: pc811demo { width:300px; height:300px; background-color:blue; *firefox* background-color:r...
发布日期:2018-04-25
<style>
#pc811demo
{
width:300px;
height:300px;
background-color:blue; /*firefox*/
background-color:red\9; /*all ie*/
background-color:yellow\0;/*ie8*/
+background-color:pink;/*ie7*/
_background-color:orange; /*ie6*/
}
:root #pc811demo { background-color:purple\9; } /*ie9*/
@media all and (min-width:0px){ #test {background-color:black\0;} } /*opera*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} } /*chrome and safari*/
</style>
<div id="pc811demo">大家好。欢迎访问电脑互助网www.pc811.com</div>
以上是代码,大家可直接复制到一个记事本中并另存为一个html网页,并使用不同的浏览器打开,我们就会发现id为pc811demo的div将会显示不同的颜色。希望可以帮到大家。
#pc811demo
{
width:300px;
height:300px;
background-color:blue; /*firefox*/
background-color:red\9; /*all ie*/
background-color:yellow\0;/*ie8*/
+background-color:pink;/*ie7*/
_background-color:orange; /*ie6*/
}
:root #pc811demo { background-color:purple\9; } /*ie9*/
@media all and (min-width:0px){ #test {background-color:black\0;} } /*opera*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} } /*chrome and safari*/
</style>
<div id="pc811demo">大家好。欢迎访问电脑互助网www.pc811.com</div>
以上是代码,大家可直接复制到一个记事本中并另存为一个html网页,并使用不同的浏览器打开,我们就会发现id为pc811demo的div将会显示不同的颜色。希望可以帮到大家。
- 上一篇:qq游戏昵称怎么改,QQ游戏如何换头像
- 下一篇:qq密码被盗怎么办