易截截图软件、单文件、免安装、纯绿色、仅160KB

css解决IE6,IE7,firefox兼容性问题

 原文转载自 NextCool [ http://www.nextcool.cn ]
在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题.   
区别不同浏览器的CSS hack写法:
区别IE6与FF:
       background:orange;*background:blue;
区别IE6与IE7:
       background:green !important;background:blue;
区别IE7与FF:
       background:orange; *background:green;
区别FF,IE7,IE6:
       background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
 
 IE6
 IE7
 FF
 *
 √
 √
 ×
 !important
 ×
 √
 √
------------------------------------------------------
另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue; 
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。


相关文档:

CSS盒模型详细讲解

CSS 盒模型
  网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
  
  如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
  这个图表很好地展示了作用于页面上任意盒子的数值。
  
  注意以上两个例子中,margi ......

我如何看待DIV+CSS架构(一)

+++ 每搞IT的人都知道B/S系统的DIV+CSS结构,知道它的好。但如果你问,DIV+CSS结构是什么?好在哪里?实际项目应该如何体现或实现?每个人都能和你白伙几句,有些人甚至会滔滔不绝,而往往这些滔滔不绝的人也只是听另一些滔滔不绝的人说的,仅仅是“接收”并“接受”了信息,That is all,就像一张磁盘� ......

DIV和CSS居中

  在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识。不过,还是经常会有人问到这个问题,在这里我简单总结一下使用Div和CSS实现页面水平居中的方法:
  一、margin:auto 0 与 text-aligh:center
  在现代浏览器(� ......

css小问题积累

 一、css优先于位置也有关系
.vm与.vb 样式的定义在优先级别上是相同的,但是如果在html属性里class="vm vb"定义的话优先级并不是写在属性里的顺序,而是写在样式里顺序来决定的。如下的例子
<mce:style><!--
.vm{vertical-align:middle} /* 由于位置原因优先于vb*/
.vb{vertical-align:baseline}
--> ......

ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法

在网站设计的时候,应该注意css样式兼容不同浏览器的问题,特别是对完全使用DIV CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网页可能会和你理想的效果相去十万八千里!海量权威开发资料。
所有浏览器 通用
height: 100px; 
IE6 专用
_height: 100px;
IE6 专用
*height: 100px;  ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号