兼容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 Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数

时间： 2024-11-16 16:48:34

兼容ie和firefox css alpha实现透明效果的相关文章

兼容各浏览器：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

javascript 兼容IE和Firefox的复制到剪贴板效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>兼容IE和Firefox的复制到剪贴板效果

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实现的透明效果

/* 值越大,越不透明*/ 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

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控制图片透明效果代码

测试效果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 alpha 透明属性说明

看代码  代码如下 复制代码 <div class="top">    <div class="sub">css opacity attribute!</div></div> 以上结构,如果设置top的opacity属性来达到透明效果时,你会发现,里面的元素全部继承了透明的效果,这显然不能达到要求.至少字体总得看的清楚吧. 从网上搜罗了下相关知识点 先给出标准的css透明写法,兼容大部分浏览器  代码如下 复制代码 .

CSS实现背景透明，文字不透明（兼容各浏览器）

原文:CSS实现背景透明,文字不透明(兼容各浏览器) 在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明.而IE6/7/8浏览器不支持 rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置 position:relative才能不继承其父元素的透明滤镜,代码如下: 1 <!DOCTYPE html PUBLIC "-

通用弹出层页面(兼容IE、firefox)可关闭控制宽高及屏蔽背景_JSP编程

<%...@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %> <%.../* 通用弹出层页面(兼容IE.firefox) 说明: 1.openWindows(width,height)----打开弹出层调用的函数,可控制层的宽度和高度 2.hiddenWindows(