1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

探究针对GoogleChrome的CSS hack写法

作者:用户 来源:互联网 时间:2016-03-03 19:03:28

css浏览器兼容性safaricss 兼容hackCss兼容hack,浏览器Hack示范不同兼容性写法兼容写法

探究针对GoogleChrome的CSS hack写法 - 摘要: 本文讲的是探究针对GoogleChrome的CSS hack写法, 本节和大家一起学习一下针对GoogleChrome谷歌浏览器的CSS hack的使用,CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器

本节和大家一起学习一下针对GoogleChrome谷歌浏览器的CSS hack的使用,CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法;也有人说CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题。

CSS hack简介

CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法。

CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题。因此,在设计之初,写CSS hack需要遵循以下三条原则。

针对GoogleChrome谷歌浏览器的CSS hack

Google于9月3号推出了浏览器GoogleChrome,写前端效果的同志们又有得辛苦了,IE/FF/Opera/Safari/GoogleChrome本来不太平的世界更混乱了。

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

ExampleSourceCode


  1. @mediascreenand(-webkit-min-device-pixel-ratio:0){  
  2. /*针对GoogleChrome、Safari3.0、Opera9的CSS样式*/  
  3. }  

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

ExampleSourceCode


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

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

ExampleSourceCode


  1. MozillaFirefox(Gecko)  
  2. InternetExplorer(Trident)  
  3. Opera(Presto)  
  4. Konqueror(KHTML)  
  5. Safari(WebKit)  
  6. GoogleChrome(WebKit)  
  7.  

【编辑推荐】



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索css , 浏览器 , 兼容性 , safari , css 兼容 , hack , Css兼容 , hack,浏览器 , Hack示范 , 不同 , 兼容性写法 兼容写法 css hack写法、chrome css hack、ie8 hack的写法、ie hack写法、hack写法,以便于您获取更多的相关知识。

前端-sublime里面如何写css hack?

... 请问有方法吗? 解决方案 针对Google chrome写css hack针对Google chrome写css hackcss hack 解决方案二: 浏览器支持就行了,不用理会编辑器提示的错误。。就和script中插入服务器端脚本报错一样 解决...

一个针对IE7的CSS Hack

...一些选择符的支持,所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之地的。Nanob...

[HTML/CSS]关于兼容IE 火狐 google 等一系列浏览器的代码

...样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。  CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。   类内部Hack:比如 IE6能...

玩游戏学编程,寓教于乐:12个学习编程的游戏化平台

...: 免费 语言: HTML/CSS, Python, PHP, Ruby, APIs, Javascript, jQuery 针对级别: 初学者 这个平台是互联网上最热门、或许也是获得赞誉最多的游戏化学习平台。重要的是,它是完全免费的。 这个平台囊括了包括Javascript、jQuery、HTML/CSS、Pyt...

【CSS进阶】原生JS getComputedStyle等方法解析

...c’, endColorstr = ‘#ddddd’ ); 因此在 IE 环境下,我们需要针对透明度做一些处理。先写一个 IE 下获取透明度的方法: // IE 下获取透明度 function getIEOpacity(elem) { var filter = null; // 早期的 IE 中要设置透明度有两个方法: // 1、alpha(op...

前三篇
后三篇