? ?
电脑维修网
当前位置:电脑维修网 >操作系统 > 网站编程代码 >css兼容代码演示示例

css兼容代码演示示例

2013-05-24 20:38 | 作者:代码 | 来源:渡桥对面QQ空间 | 参与评论 | 点击:1074次
<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">大家好?;队梦实缒曰ブ鴚ww.wikiblast.net</div> 
以上是代码,大家可直接复制到一个记事本中并另存为一个html网页,并使用不同的浏览器打开,我们就会发现id为pc811demo的div将会显示不同的颜色。希望可以帮到大家。
 
转载时请注明:转载自《电脑维修技术网》原文地址:http://www.wikiblast.net/6/4/26023.html
凡文章内未标注来源均为原创文章!恭候您的意见
------分隔线----------------------------
?
最新评论
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
友情连接版权声明广告合作联系我们意见投诉网站地图百度地图谷歌地图
敬告:本站所有信息都为网友发布,及网络收集而来,我们只对信息的合法性进行审核 请朋友们自行鉴别真实性。
老北京赛车-老北京赛车官网