`

chrome,safari,firefox,ie6.ie7,ie8,ie9各浏览器CSS Hack总结

 
阅读更多
这个浏览器百花齐放的时代,身为一名前端开发人员,我想最头痛的就是如何能让自己的项目在各个浏览器上显示一致。最近一直在做项目的兼容性调整,参考一些资料,对现有的hack做了一些总结归纳,希望对大家有所帮助。

现有主流浏览器:IE6-9,(9还未踏实,ie10要诞生了。。。。这让我们前端开发人员情何以堪)、 firefox、chrome、safari、opera

css hack实际要就是针对不同浏览器写不同css代码的方法。
主要有三种表现形式:CSS类内部Hack、 选择器Hack、HTML头部引用(if IE)Hack

1.类内部Hack:

 

2.选择器hack:
2.jpg

3.HTML头部引用(if IE)Hack:

针对所有IE:<!--[if IE]><!--您的代码--><![endif]-->,
针对IE6及以下版本:<!--[if lt IE 7]><!--您的代码--><![endif]-->
注:这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。
  • 大小: 43.1 KB
分享到:
评论

相关推荐

    IE6、IE7、IE8、Firefox、Chrome、Safari的CSS hack兼容一览表

    ### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中,为了确保网站能够在不同的浏览器中保持一致的显示效果,开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...

    IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

    "IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表" 提供了一个宝贵的资源,帮助开发者解决在不同浏览器之间存在的CSS样式差异。下面我们将深入探讨这个话题,了解各种CSS hack及其在这些浏览器中的表现。 ...

    ie6、ie7、ie8、ie9、ie10、firefox、google chrome浏览器Hack及兼容性演示页面

    这里我们将深入探讨标题中提到的`ie6`到`ie10`以及`Firefox`和`Google Chrome`浏览器的兼容性问题,以及它们所基于的`Gecko`和`WebKit`内核。 首先,`IE6`至`IE10`是微软公司推出的一系列Internet Explorer浏览器,...

    css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari.doc

    标题和描述中的文档"css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari.doc"主要探讨的是如何解决这些浏览器中的CSS兼容性问题。 1. **浮动(float)**:在示例代码中,我们可以看到针对不同浏览器的浮动样式设置。`...

    各浏览器的cssHack总结

    首先,我们了解下主要的浏览器:IE(Internet Explorer)、Firefox、Chrome、Safari以及Opera。它们之间的兼容性问题主要源于对CSS规范的不同理解和实现,特别是早期版本的IE。 1. **IE浏览器的CSS Hack** - IE6和...

    H5 CSS hack 和浏览器内核

    浏览器内核是解析和渲染网页内容的核心组件,常见的有Trident(IE)、Gecko(Firefox)、Webkit(Safari, Chrome)和Blink(Chrome, Opera)。每种内核对CSS的解析方式和对新特性的支持程度都有所不同,导致了CSS ...

    IE6、IE7、Firefox之间的兼容写法

    通过本文介绍的各种CSS Hack技巧,可以有效解决IE6、IE7以及Firefox之间的兼容性问题。然而,在实际开发中,我们还应考虑更多的现代浏览器,如Chrome、Safari等,并尽可能采用更标准、更易于维护的方式来编写CSS代码...

    IE6、_IE7、IE8、Firefox兼容性问题

    在网页开发中,兼容性问题是一个常见且棘手的问题,尤其是涉及到老版本的Internet Explorer(IE6、IE7、IE8)和Firefox等其他浏览器。这些浏览器对于CSS(层叠样式表)的解析方式存在差异,导致在不同浏览器中页面...

    web前端规范之CSSHack.pdf

    在中国,由于历史原因,Windows操作系统和IE浏览器的广泛使用导致大部分用户倾向于使用基于IE内核的浏览器,例如IE6、IE7、IE8、IE9以及360、搜狗等。而在国外,尤其是版权意识较强的地方,Webkit内核的浏览器如...

    CSS hack技巧大全

    4. \9后缀:`\9`在IE6、IE7、IE8中识别,代表CSS2.1的滤镜特性。 5. \0后缀:`\0`在IE8及更高版本、Safari 3.1+、Chrome 1+中识别,针对CSS3的兼容。 6. @media screen and (-webkit-min-device-pixel-ratio:0):这...

    ie chrome firefox 兼容

    在上面的代码中,如果用户使用的是 Firefox、Chrome、Opera 或 Safari 浏览器,那么将跳转到指定的 URL 否则,将跳转到另外的 URL。 浏览器兼容性处理是 Web 开发中一个非常重要的问题,因为不同的浏览器可能会有...

    css浏览器兼容整理

    #### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...

    css浏览器兼容写法

    此外,`*`前缀的样式适用于IE6和IE7,但IE8及更高版本以及Firefox不会识别。`_`前缀的属性只被IE6识别。一个例子是`.a {color:#f00; color:#f60\9; +color:#00FF00; _color:#0000FF; }`,这里的颜色值从左到右分别...

    各浏览器下Hack的写法

    以下是针对各主流浏览器的一些CSS Hack写法: 1. **Firefox**: 使用`@-moz-document url-prefix()`来为Firefox编写特定的CSS规则。例如: ```css @-moz-document url-prefix() { .selector { property: value...

    解决CSS在IE与火狐下的兼容问题

    - 对于Firefox、Chrome、Safari等现代浏览器,一些CSS3特性需要加上厂商前缀,如`-moz-`、`-webkit-`等,以确保兼容。 4. **重置CSS(Reset CSS)** - 使用重置CSS可以消除浏览器默认样式差异,例如Eric Meyer的...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    4. **使用前缀和兼容库**:对于CSS3的新特性,如渐变、动画等,各浏览器通常有自己的前缀,如 `-webkit-` (Chrome/Safari)、`-moz-` (Firefox) 和 `-ms-` (IE)。另外,使用像Modernizr这样的库可以帮助检测浏览器...

Global site tag (gtag.js) - Google Analytics