`
qwex9iao
  • 浏览: 176668 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS浏览器兼容性

    博客分类:
  • css
阅读更多
2006年的时候在浏览器市场中,国内90%以上用的是IE  但是这份额一直在下降
现在的主流 浏览器有IE,Firefox,Safari,Opera,Netscape
在做网页的时候不得不考虑兼容问题
基本的解决方案有以下几点:

一.使用 ie条件标签注释 如:
<!--[if IE]>
这里的内容IE浏览器才显示
< ![endif]-->
<!--[if IE 5]>
这里的内容IE 5才显示
< ![endif]-->
<!--[if IE 5.5]>
这里的内容IE 5.5才显示
< ![endif]-->
<!--[if IE 6]>
这里的内容IE 6才显示
< ![endif]-->
<!--[if IE 7]>
这里的内容IE 7才显示
< ![endif]-->

二。ie6或以下版本可以解析带_的属性如:
#top{
width:50px;
_width:55px; //IE6为55
}
三。!important来hack,可以在ie6和firefox测试正常显示,但是ie7对!important可以正确解释。。。IE7不错的hack方式就是使用“*+html”如:
#example { color: #000; } /* Moz */
* html #example { color: #333; } /* IE6 */
*+html #example { color: #666; } /* IE7 */

虽然IE6的BUG很多 解决方案很容易找到,但要每个浏览器兼容还是有点难度的
所以得多考虑点过滤器 如转义过滤器 ,选择符过滤器
分享到:
评论

相关推荐

    css 浏览器兼容性速查

    "CSS浏览器兼容性速查"是开发者在工作中不可或缺的一个参考资料,它帮助我们了解各种CSS属性在不同浏览器上的表现,以便于优化代码,确保网站在主流浏览器上都能正常显示。 首先,我们要理解浏览器兼容性问题的来源...

    CSS浏览器兼容性学习

    CSS浏览器兼容性学习旨在确保网站在不同浏览器下都能正常显示和功能完整。以下是关于这个主题的一些关键知识点: 一、CSS Hack 1. `!important` Hack:在IE7之后的浏览器支持`!important`规则,可以用来区分IE6和...

    CSS浏览器兼容性问题(IE6,IE7,IE8和Fixfox)

    【CSS浏览器兼容性问题(IE6,IE7,IE8和Firefox)】 在网页开发中,CSS(层叠样式表)的浏览器兼容性是设计师和开发者必须面对的一大挑战。尤其在处理IE6、IE7、IE8以及Firefox等不同浏览器时,由于各浏览器对CSS规范...

    CSS浏览器兼容性的各种代码解决方案

    标题和描述均聚焦于“CSS浏览器兼容性的各种代码解决方案”,这是一个在前端开发中常见的挑战,尤其是在需要确保网站在多种浏览器中表现一致时。由于不同浏览器(如IE6.0、IE7.0、Firefox2、Opera9等)对CSS的解析...

    CSS浏览器兼容性问题收集.pdf

    标题中的“CSS浏览器兼容性问题收集.pdf”暗示了本文档主要关注CSS在不同浏览器中的兼容性问题,特别是CSS3的一些新特性。描述中提到的“CSS3 border-image”是CSS3的一个新特性,用于自定义元素边框的样式,允许...

    CSS浏览器兼容性与解析问题终极归纳[整理].pdf

    理解并解决这些CSS浏览器兼容性和解析问题对于构建跨浏览器兼容的网站至关重要。开发者需要时刻关注浏览器差异,特别是在处理布局、浮动、边距和定位时,以便提供一致且可靠的用户体验。通过使用浏览器前缀、条件...

    最全的CSS浏览器兼容问题

    以下是一些常见的CSS浏览器兼容性问题及其解决方案: 1. **垂直居中问题**: 在CSS中,要实现一个div的垂直居中,可以使用`vertical-align: middle;`和`line-height`属性。但这种方法要求内容不换行。例如: ```...

    CSS浏览器兼容问题

    本文将从标题和描述出发,详细探讨在实际开发中常见的CSS浏览器兼容性问题及其解决方案。 #### 二、CSS与浏览器兼容性的基本概念 **1. 什么是浏览器兼容性?** 浏览器兼容性是指网页能够在不同类型的浏览器中正确...

    CSS浏览器兼容性问题.pdf

    综上所述,CSS3的`border-image`是一个创新且灵活的属性,但因为浏览器兼容性的限制,实际应用时需要额外的适配工作。在考虑使用这个特性时,需要充分了解其工作原理和潜在问题,才能充分发挥其潜力。

    CSS技巧汇总---div+CSS浏览器兼容问题整理

    CSS技巧汇总---div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...).pdf

    css浏览器兼容.docx

    CSS浏览器兼容性问题解决方案 CSS浏览器兼容性问题是Web开发中常见的问题。不同的浏览器对CSS的解析方式不同,这就导致了浏览器之间的兼容性问题。了解浏览器的兼容性问题是非常重要的,为此,我们总结了一些常见的...

    css浏览器兼容写法

    总之,处理CSS浏览器兼容性问题需要深入理解各个浏览器的解析机制和特性,并熟练运用各种兼容性写法。通过适当的选择器、属性hack以及媒体查询,可以有效地确保样式在多种浏览器中表现一致,提升用户体验。

    css浏览器兼容性问题

    在网页设计中,CSS(层叠样式表)的浏览器兼容性问题是一大挑战,尤其是在处理老版本的Internet Explorer(如IE7和IE8)时。本文主要针对这些兼容性问题提供一些解决策略。 首先,针对IE7和IE8的兼容性,一种常见的...

    div+css中常见的浏览器兼容性处理

    【CSS浏览器兼容性处理】 在Web开发中,CSS(层叠样式表)是用于控制网页元素样式的关键技术。然而,不同的浏览器对CSS的理解和解析方式存在差异,这可能导致在某些浏览器下网页显示不正常。特别是在使用div+css...

    解决CSS浏览器兼容性问题的4种方案

    本文将探讨解决CSS浏览器兼容性问题的四种策略。 首先,我们可以采取**浏览器CSS样式初始化**。由于不同浏览器对CSS的默认样式处理方式不同,初始化样式可以确保所有元素在开始时具有统一的基础样式。例如,常用的...

    CSS浏览器兼容汇总

    以上总结了一些常见的CSS浏览器兼容性问题及其解决方法。通过理解这些问题的根源以及相应的解决方案,可以有效地提高网页在各种浏览器中的兼容性和用户体验。随着现代浏览器技术的发展,许多问题已经得到了缓解,但...

    CSS浏览器兼容问题整理

    本文将从CSS浏览器兼容性的角度出发,探讨几个常见问题及其解决方案,特别针对的是IE6、IE7以及Firefox这些较早版本浏览器。 #### 二、CSS兼容性概述 在实际工作中,我们经常会遇到以下几种常见的兼容性问题: 1....

Global site tag (gtag.js) - Google Analytics