ddc
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg王国 ACG玩家 品牌设计 上海网站建设
求创科技
网站建设
中国互联
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> 针对Google Chrome谷歌浏览器的CSS hack

针对Google Chrome谷歌浏览器的CSS hack

来源:中国设计秀    作者:佚名    点击:202     加入收藏
关键字:css CSS hack
 Google于9月3号推出了浏览器Google Chrome,写前端效果的同志们又有得辛苦了,IE/FF/Opera/Safari/Google Chrome本来不太平的世界更混乱了。

  所幸Google Chrome用的是与Safari一样的Webkit引擎,我们可以使用对safari相似的方式作css hack,写法为:

 Example Source Code

 @media screen and (-webkit-min-device-pixel-ratio:0) {
/* 针对Google Chrome、Safari 3.0、Opera 9 的CSS样式 */
}
 

  另有一种通过附加#的Css hack对chrome无效,可能是Webkit版本不同。
  此css hack无效

 Example Source Code

 p.callout { color:#FF0000; font-weight:normal; }
p.callout { color:#000000; font-weight:bold;# }
 

附:各种常见浏览器使用的内核 (Rendering Engine)

 Example Source Code

 
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari ( WebKit )
Google Chrome ( WebKit )
 
0
顶一下
2008-09-09 00:44:00    出处:中国设计秀cnwebshow.com
Google
热点文章/相关文章
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口