filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: 相对于IE。火狐似乎好像不支持。 值：以百分比为值，100 表示不透明度为100%；50侧代表不透明度为50%。
-moz-opacity: 相对于FF，火狐。 值：以小数点为值，1 表示不透明度为100%；0.5侧代表不透明度为50%。
注意：上面的滤镜IE8不支持。因此我们需要用 <meta http-equiv="X-UA-Compatible" content="IE=7" /> 来声明。让IE8强制显示为IE7效果。
基本上可以完美解决！以下滤镜，在FF里面不支持的，于上面同理。在名称前面加个-moz 便可解决。
其他滤镜
黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 ......
IE6、IE7、IE8、FF浏览器的CSS兼容问题，本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点，ie8的出现就更头疼了，原来hack ie7的方法又不能用了，怎么办呢？
还好，微软提供了这样一个代码： 把这段代码放到里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写就可以了
background:#ffc; padding:0px;
*background:#ccc; *padding:0px;
_background:#000; _padding:0px;
解释一下吧：
firefox能解析第一段，后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了，所以只认background:#ffc，看到的是黄色；
ie7前两短都能认，以最后的为准，所以最后解析是background:#ccc，看到的是灰色；
ie6三段都能认，而且“_”这个只有ie6能认，所以最后解析是_background:#000，看到的是黑色
阿门！已经是最简单和最好理解的写法了，如果你是google进来的，我可以很负责任的告诉你，这种方法是ok的，我测试过。
ie8的那段兼容7的代码我也测试过了，在我现在的windos 7 测试版所带的ie8是没问题的，以后ie8正式版出来还管不管用就不知道了。
ps：如果你发现按我这样写还是有问 ......
作者:李丽媛
邮箱：lly219@gmail.com
日期：2009-1-12
前言（自说自话）
从初识CSS到现在已经5个年头了。大多是断断续续的，可是近一年来接触颇多，甚有一些些体会。
第一次接触只知道font，color，background，margin，padding等基本知识，乃至连margin、padding都分不清个所以然。
在第一次Web大作业中知道了有“div+css template”,为了交差，从哪个时候就开始收集模板，看到各种各样的模板，不由惊叹他人的配色能力，创作技巧以及丰富的想象力。
于是从图书馆借了一堆PS，配色，广告之类的书，当时没看出个所以然，只是觉得纸质和印刷都很好，要是弄丢了赔的钱可不少。
转眼4年过去了，还是只会下载别人的模板，夸夸几下改成自己实用的，基本的css还是不甚了解。
第五个年头来了，工作了，自己的想法也比较多了，对web方面有了自己的见解。CSS不能说精通，但是浏览器差异，基本原理能说的比较清楚了。
正文
FOR：模仿者的炼金术
一个模板的炼成可以靠很多办法，对于没有创作，没有经验的人来说，最为适当的方法就是找模板来修改。
以下是平时积累的一些模板，大多是国外的：
简洁的白色网站设计欣赏 | ShowCase | 前端观察
www.qianduan.net/sho ......
IE6下默认的字体尺寸大致在 12 – 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden解决问题。
<div style=”height: 4px; overflow: hidden;”></div>
在IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div的高度会固定在一个值不再发生变动，这个问题很是烦人。如下面的情况。
HTML代码
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
这是因为在IE6中，系统默认的并非是Div有一个默认的高度，而是你没有解决一个隐藏的参数，font-size，这个是ie6中对于Div属性中的font-size大小和你系统css中定义的font-size有很大关系，因此必须单� ......
方法超级简单三句话：
第一：做网站用IE7.0，这个版本是最标准的版本。先不要管别的浏览器是否兼容。
第二：网站做完，好了用IE6.0，IE8.0测试一下，好了，IE6.0有小部分变动，IE8.0惨目人睹，现在先来解决IE6.0的问题
IE6.0是现在最烂最垃圾的浏览器版本，o(︶︿︶)o 唉我家的还是6.0的，一直在外地工作头疼。
注意在你网站的css中如果用了margin和float样式,后面再加一个display:inline;解决问题。
第三：解决IE8.0问题，说实话现在很多网页都不支持8.0，没发自一句话解决问题，在你网页的<head></head>之间添加
<meta http-equiv="x-ua-compatible" content="ie=7" />使用IE7.0的内核，就可以了。至于FF2.0和FF3.0
你只能用hack了，自己写吧呵呵。最近迷恋上杨幂了呵呵支持哦，她太像我的一个学生了。呵呵
长时间的在外地工作，发现了一个问题，好像没有再用过笔，o(︶︿︶)o 唉连纸张都没有用过 ......
Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
font-size:14;
buttonStyleName: myCustomButtonStyleName;
}
.myCustomButtonStyleName {
color: #ffffff;
cornerRadius: 12;
background-color:red;
}
......
最新文章 : css