网络技术263, www.new263.com 帮助中心
网站联盟
电脑维修
网站首页 网站程序 CSS应用 SEO相关 数据库 软件应用 WAP网站 FLEX专区 商 城
站内搜索: 专业网站制作:010-80992904
 CSS应用



 taobao专区
 最新推荐
微软新版开发工具VS 2008 beta2功
发布广告网站源码
多功能网站源码出售
ADO.NET Entity Framework存取数
Net框架类库中定时器类的使用
ASP.NET的MVC设计模式
蜘蛛抓取模拟器
2007搜索引擎优化提示
 友情链接
一脉网 greatwall-tour
GlobalTrip 网络技术263
北京广告网 Discuz
NewsCMS Foosun
首页 >> 网络技术263 >> CSS应用 >> CSS教程 >>
针对Google Chrome谷歌浏览器的CSS hack
发布日期:[09-09-05 23:11:52] 点击次数:[] 文章整理:[网络技术263] 来源:[网络]

Google于9月3号推出了浏览器Google Chrome,写前端效果的同志们又有得辛苦了,IE/FF/Opera/Safari/Google Chrome本来不太平的世界更混乱了。
  关于Google Chrome 谷歌浏览器 CSS
网页布局辅助开发的功能介绍
  http://www.52css.com/article.asp?id=837

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

div css xhtml xml Example Source Code 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无效

div css xhtml xml Example Source Code Example Source Code
p.callout { color:#FF0000; font-weight:normal; }
p.callout { color:#000000; font-weight:bold;# }

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

div css xhtml xml Example Source Code Example Source Code
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari ( WebKit )
Google Chrome ( WebKit )
 
上一条>>: CSS进阶:z-index与元素层叠的一些研究
下一条>>: CSS优化最佳实践六则
 
 相关评论
 
 相关信息  推荐信息
无相关新闻
微软新版开发工具VS 2008 beta2功
发布广告网站源码
多功能网站源码出售
ADO.NET Entity Framework存取数
Net框架类库中定时器类的使用
ASP.NET的MVC设计模式
蜘蛛抓取模拟器
2007搜索引擎优化提示
 
2004-2009 版权所有 网络技术263(www.new263.com)站点 一脉网站联盟 京ICP备05001376号
发布广告联系QQ:136903058 技术支持QQ:71524663 WebMaster:dream
如有意见或建议请赐惠致Email:ren3016@126.com