今天发现一个很牛的网页http://www.centricle.com/ref/css/filters/,里面列出了所有浏览器对于CSS功能的支持情况,分项对比极为详细,赞一个,有空研究一下.

http://www.centricle.com/ref/css/filters/

区别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的写在最后面。

From: http://www.pjhome.net/article.asp?id=807

今天在做一个简易的图片浏览页面, 使用了Carousel Component V0.4.0来实现缩略图的显示. Carousel这个插件不是第一次使用, 上次给一个公司做网站时就出现了问题,在IE下插件上的按钮错位.

如 图,之前一直以为是插件有bug,需要自己修改CSS,但修改了CSS中的carousel-component类的padding属性后,在IE中正常 了,但Firefox中又错位了.忽然想起,修改之前都没有测试FF中是否正常,赶紧改回原样试了一下,果然,在FF中插件的位置是正常的,就是残疾IE 中才有问题.

既然IE中有问题时FF中正常,修改了padding属性后IE正常FF有问题,那八成是问题出在padding上了.网上搜了一下,发现IE和FF对padding-left的解释是不一样的,就导致了刚才出现的那种错位.要解决这一个矛盾,可以利用

程序代码

!important

来解决.

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持。我们就可以利用这一点来分别给IE和其它浏览器不同的样式定义。

语法格式{ sRule!important }，即写在定义的最后面，如：

例:
box{color:red !important;}

具体到本文中的问题,代码如下:

程序代码

.carousel-component {
background:#ffffff;
padding-top:30px;
padding-right:0px;
padding-bottom:6px;
padding-left:0px !important;      //提升这一属性的优先级,使非IE浏览器可以适用这一属性.
padding-left:35px;                //IE适用这一属性

bug解决后的效果:

最近要做新网站,又得收集很多网站素材,懒人呀,干了这么久,还是临阵磨枪…

关于Flash控件在IE中需要激活的问题, 网上有很多文章,提供了很多解决办法,但大多要引用外部js文件,虽然只是举手之劳,但对我这种懒人,还是有点麻烦.看到阿混朋友发在IT.com.cn(IT世界网)上的一篇文章(原文点这里),里面提到

其实我们熟悉常用的Dreamweaver最新版8.02版也给出了这个问题的解决方法。大家把Dreamweaver升级到8.02版后，再插入Flash文件时，会加入一个脚本来解决这个问题。

受他的启发,打开Dreamweaver CS3,发现果然可以,在里面插入一个flash,Dreamweaver自动加入很多代码,可以在IE中实现自动激活.

呵呵,问题解决了,又省得自己去记忆一堆代码,看来Adobe接手Dreamweaver后,兼容性工作还是做的蛮好的,赞一个!