当前位置:首页 > 热点新闻  
网站源文件 CSS定义通用透明效果
发布于:2012-02-21 16:39:51 | 点击: | 评论:

[导读]网站源文件 CSS定义通用透明效果的源代码分享。

   最近的网站模板设计做到了几个页面,是需要做透明或半透明效果,于是就去网上找了一下,糊里糊涂用着也没问题,但是现在回过头来,还是得搞清楚,具体的用法,和数值对应的含义。

分别定义各种浏览器的透明效果:

.transparent{

filter:alpha(opacity=12);

-moz-opacity:0.12;

opacity:0.12;

background-color:#000;

}

说明:

filter:alpha(opacity=12); 支持 IE 浏览器

-moz-opacity:0.12; 支持 FireFox 浏览器(兼容低版本)

opacity:0.12; 支持 Operasafari 等浏览器

以此类推,半透明效果如下:

.transparent{

filter:alpha(opacity=50);

-moz-opacity:0.5;

opacity:0.5;

background-color:#000;

}



最新评论
Loading


发表你的评论

数字码: