CSS实现的透明效果

/* 值越大,越不透明*/

img {     opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */     filter: alpha(opacity=75); /* IE lt 8 */     -ms-filter: "alpha(opacity=75)"; /* IE 8 */     -khtml-opacity: .75; /* Safari 1.x */     -moz-opacity: .75; /* FF lt 1.5, Netscape */ }

时间: 2024-10-29 23:59:05

CSS实现的透明效果的相关文章

兼容各浏览器:CSS定义PNG透明效果

 虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法,方法如下: <style> .mycls{ width: 48px; height: 48px; background: url(20090318230119136.png) no-repeat left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaIm

兼容ie和firefox css alpha实现透明效果

为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果.  代码如下 复制代码 filter:alpha(opacity=50);       /* IE */ -moz-opacity:0.5;              /* Moz + FF */ opacity: 0.5;           /* 支持CSS3的浏览器(FF 1.5也支持)*/ IE使用私有属性filter:alpha(opacity),Moz

CSS定义通用透明效果

css|透明  在netvibes的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; 支持FFopacity:0.12; 支持未知 2006年1月22日 Netvibes.com CSS 点击下载20K

css控制图片透明效果代码

测试效果1 测试效果-改变角度 分别修改.perspective-r的border-top和.perspective-b的border-left的width值,值越大角度越大:同时修改.perspective-r的高度值和.perspective-b的宽度值. 测试效果-改变距离 分别修改.perspective-r的border-left和.perspective-b的border-top的width值,值越大距离越大:增加.perspective-outer的宽度和高度值,并修改.persp

CSS定义通用透明效果_CSS/HTML

复制代码 代码如下: .transparent{filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;background-color:#000;} filter:alpha(opacity=12); 支持IE -moz-opacity:0.12; 支持FF opacity:0.12; 支持未知 

CSS通过RGBa将一个元素设置为透明效果

 RGBa是一种在CSS中声明包含透明效果的颜色的方法,它的语法是这样的: 代码如下: div { background: rgba(200, 54, 54, 0.5); } 它允许我们为元素添加透明色.或许我们习惯了使用"opacity",它很简单易用,但是,opacity会使所有的子元素都变成透明的,而且很难去解决这个问题.(除非使用怪异的定位hack) 跨浏览器透明同样颇为棘手. 通过RGBa,我们可以将一个元素设置为透明,而不会影响其子元素:   声明一个保留颜色 并非所有的浏

css图片透明效果

使用CSS设置一个图片的透明效果 效果:可以通过前面的图片看到后面的图片 主要用的是filter:alpha(opacity=50); 其中50为透明值,0表示完全透明,100表示不透明. 详细代码:  代码如下 复制代码 <HTML>  <HEAD>   <TITLE> 图片透明效果 </TITLE>  <style>   body {   background-image: url(images/1.jpg);   }   #nav {   

用CSS实现背景半透明效果的方法实现

如何用CSS实现背景半透明效果?做过活动页面的同学可能会遇到要做背景半透明的效果,我们一般的做法是用两个层,一个用于放文字,另一个用于做透明背景,因为透明滤镜的效果会影响到里面的内容.不过如果你只需求在IE下实现,我们有更简单的做法: HTML代码: <div class="alpha1"> <div class="ap2"> <p>背景为红色(#FF0000),透明度20%.</p> </div><

纯CSS实现多级半透明效果菜单代码

 本文实例讲述了纯CSS实现多级半透明效果菜单代码.分享给大家供大家参考.具体如下: 这是一款基于CSS实现的多级半透明菜单,最多可支持5级的CSS菜单,菜单样式可自己调整,默认先是这种,兼容多种浏览器. 运行效果截图如下:   具体代码如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dt