分享css处理浏览器兼容问题上的小技巧
作者：jacky 来源：aliued.com 发布时间：2008-02-03 14:41:00
css里关于浏览器的兼容问题一直困惑着我们初级的css用户（高手可直接绕过），这里想根据我前段时间拜读的李超的书籍《css网站布局实录》里学到的有关处理浏览器兼容的问题，根据我前段时间在公司minisite项目里碰到的一些问题和解决方法分享给大家。浏览器兼容性的问题，我想一直是困绕我们设计师的棘手问题，css的难点就在这里。解决好这个问题，我想你的css水平一定会得到大步的提升。
自从W3C标准推出以后，现在新的一些浏览器多多少少在使用这套web的新标准，但在各自对新标准的执行上并不统一，这就给我们设计师带来很多的问题。目前世面上主流的浏览器还是IE和firefox,这两个浏览器几乎占领着整个浏览器的市场。而IE下面大部分人在用IE6和IE7两个版本的浏览器，而这两个版本对css的支持有非常多的差异之处，这种差异是最需要我们设计师注意的，因为它跟我们的日常设计息息相关。我在实际的制作过程当中遇到的问题有绝大部分是出现在IE6和IE7的css兼容性问题上。
IE6，IE7在加上firefox2.0，如果能把这三个浏览器都搞定了，也就基本上满足95％以上的用户了。在下面我列举了一些我在项目里碰到的实际的问题和解决的方法，其中有很多是css高手GL的处理思路和解决方法，非常值得吸取和借鉴，因为这为我们解决今后遇到类似的问题提供解决问题的思路。建议先阅读《css网站布局实录》这本书，现在出了新版本《css网站布局实录2》，要仔细阅读哦，相信我，的确能让你收益非浅。下面列举一些事例，希望能给大家提供一些借鉴：
A: IE6/IE7 div等块对象默认具有高度
下面图A是IE6里的一个div, 宽度是420px,没有设置高度, 其在IE6/IE7浏览器里,默认DIV具有了一个br的高度,图B是在firefox2.0下显示,div无高度。这样就给我们设计师在实际制作过程当中带来问题，因为有的时候我们要设置一个div高度为5px，用于放置一张背景图片，在IE6里就会有问题。IE6的显示保持在了最低高度一个br，如图c，在同样设置height:5px;情况下，上面是firefox显示下面是IE6。解决的方法是在div里设置一下line-height:0px;
图A
图B
图C
0
投稿猜你喜欢
重读LukeW的《Web Form Design:Filling in the Blanks》感触很深，除佩服LukeW的钻研精神外，更多的- 原文：http://www.htmldog.com/guides/htmlintermediate/badtags/十六 有害的标签 Bad
- 我想从文件读数据的话，要比直接从数据库快一些吧（个人观点），昨天测试了读出6000条新闻，读数据库用了23579毫秒，读文件只用了123毫秒
- 本文实例介绍了如何使用ASP代码来读写注册表，呵呵厉害吧！ 一个例子: <％Dim ReadComputerNam
- dim dr dr="2123123" dr1=Cint(dr) dr2=Clng(dr) 可参考如下函数说明： CIn
- ［编者注：］提起数据库，第一个想到的公司，一般都会是Oracle（即甲骨文公司）。Oracle在数据库领域一直处于领先地位。Oracle关系
- 严格控制Session可以将不需要Session的内容（比如帮助画面，访问者区域，等等）移动到关闭Session的独立ASP应用程序中。在基
- 不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能？这个功能允许用文字和图片做为主菜单，如果用文字的话要先做虚拟链接。下面简单
- 刚刚有人问我二年前写的那个小三角的效果还能作出什么样的效果，我正在看电视，画面上出现了这样一个小灯笼，于是，我就说，可以作个小灯笼玩玩。于是
- 那么在集合函数中它有什么用呢 ？假设数据库有一张表名为student的表。如果现在要你根据这张表，查出江西省男女个数，广东省男生个数，浙江省
- slice 可以用来获取数组片段，它返回新数组，不会修改原数组。除了正常用法，slice 经常用来将 array-like 对象转换为 tr
- 先看看：css中class与id的区别及应用表单的name与id其实是同一个意思，都是为了标记对象名称。它们所不同的是：name是Netsc
- 某天和一个产品经理聊起：以用户为中心是一个理想概念。经历了太多的项目，看到了太多的限制条件。而我向来不是一个有着设计洁癖的完美主义者。做为所
- 导航标签彼此互斥、完全穷尽。导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通常
- 很多时候关心的是优化SELECT 查询，因为它们是最常用的查询，而且确定怎样优化它们并不总是直截了当。相对来说，将数据装入数据库是直截了当的
- js关于 byval 与 byref 二者区别： byval 传递数值，实参和形参分处不同的内存单元，互不干扰！ byref 传递地址，实参
- 4款JavaScript放大镜特效脚本。准确的说，Anythingzoomer和Bezoom才是正宗的放大镜特效，当鼠标悬浮在图片上时，能放
- 2009年2月24日，Safari 4.0 beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CS
- 1.首先主题选择不要落俗！现在许多的个人主页就象“大锅饭”。题材包罗万象，内容雷同无味。人人都是“软件速递”“音乐宝库”“主页教程”等等。让
- 作者：Jim Ley(主页)译者：Sheneyan(子乌)时间：2006.1.29英文原文：http://jibbering.com/200
