用css设置元素不透明度，下面是多种方法的的总结，每个方法都有举例。大家看了后能一目了然。在遇到相同的问题的时候可以选择性的应用。这篇文章来自互联网，总结的很好，所以转载过来了，希望对你有用。 一、首先说一下Opacity设置 ，这是旧方法 以下代码是Firefox和Safari旧版本所需的透明度设置: #myElement { &nbs
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6 下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透 明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的渲染计算量，那么这时也许就 需要用CSS滤镜了。假如有这样一个例子：“有一个DIV块，此DIV是黑色半透明的，但此DIV里面的内容要保持原状，不能透明”，那么我们该怎么做呢？假如HTML部分我们这
转载
2013-12-09 22:18:00
658阅读
2评论
很不错的CSS透明效果，本实例是用CSS控制外层DIV不透明，而内层DIV透明，这样实现的效果是意想不到的，还不错吧，其实代码也是很简单的，也很好理解，主要是用了CSS的滤镜。
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/h
转载
2012-09-03 16:50:00
215阅读
2评论
DIV半透明实现，使用CSS实现DIV成半透明效果，CSS实现层与背景半透明效果。 设置DIV半透明CSS代码： 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对moz
原创
2021-07-15 17:17:13
4380阅读
使用元素的opacity 属性，设置遮罩层的效果， 主要 样式是：background-color: #ooo; opacity:0.3; 原因分析： 使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即便重定义也没有用，不过有个方法可以实现，大家可以看看。
转载
2017-01-05 09:55:00
1460阅读
2评论
设置DIV半透明CSS代码：div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明：1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，w
转载
2022-07-22 12:28:28
514阅读
让IE浏览器支持RGBA颜色http://www.hujuntao.com/web/css/ie-browser-support-for-rgba-color.html透明纯色背景background: #000;opacity: .8; /* 非 IE */filter: alpha(opacity=80); /* IE *//* 全部透明了 */background: rgba(0,0,0,0.8); /* 非 IE */filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColors
转载
2013-10-15 09:34:00
316阅读
2评论
今天工作做网站的时候遇到一个问题,就是用css实现背景透明,记得以前都是用filter:alpha(opacity=?)来解决,后来发现这个参数只在IE下有作用,在firefox下就不起作用.
在网上查询到了这个问题的解决办法,自己实验了一下,果然解决了浏览器的兼容问题.
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//D
转载
精选
2011-05-30 13:45:41
2259阅读
.transparentDiv{ filter:alpha(opacity=40); /*IE*/ -moz-opacity:0.4; /*MOZ FF*/ opacity:0.4; /*CSS3 FF1.5*/}
转载
2012-03-10 10:09:00
661阅读
<div class="alert_fullbg"></div>样式：html,htmlbody { _background:url(/css/about:blank) #F4F5EF; _background-attachment:fixed}body { height:100%}.alert_fullbg {height:100%; width:100%; top:0; left:0; position:fixed; _position:absolute; z-index:100000; filter:alpha(opacity=... Read More
转载
2013-01-24 17:29:00
77阅读
HTML代码CSS代码JAVASCRIP代码
原创
2022-05-15 09:13:25
739阅读
CSS 图像透明/不透明 使用CSS很容易创建透明的图像。 注意：CSS Opacity属性是W3C的CSS3建议的一部分。 一、示例一：创建一个透明图像 CSS3中属性的透明度是 opacity。 首先，我们将向您展示如何用CSS创建一个透明图像 IE9，Firefox，Chrome，Opera，
转载
2018-07-23 15:53:00
472阅读
2评论
怎样在CSS样式中设置背景的透明度看看下面的CSS： img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
} IE9，Firefox，Chrome，Opera，和Safari浏览器使用透明度属性可以将图像变的不透明。 Opacity属性值从0.0 - 1.0。值越小，使得元素更加透明。IE8和早期版
???? 作者主页：Java李杨勇???? 简介：Java领域优质创作者????、【java李杨勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我，都给你】???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 效果演示：文末获取源码代码目录：主要代码实现：CSS样式：@import url("https://fonts.googleapis.com/css2?family=Abel&display=swap");* { mar
原创
2021-09-13 13:02:42
87阅读
???? 作者主页：Java李杨勇???? 简介：Java领域优质创作者????、【java李杨勇】公号作者✌
原创
2022-02-11 17:34:55
138阅读
<!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/xhtm
原创
2012-06-08 14:55:39
2309阅读
阅读目录CSS 图片廊公共的HTML布局CSS 创建图片廊响应式图片廊CSS 图像透明/不透明创建一个透明
原创
2023-03-24 12:47:29
157阅读
在网页布局中有时为了网页的整体美观，可能需要将网页中的某些部分设置为背景颜色透明，那么如何设置背景颜色透明呢？本篇文章就来给大家介绍一下css设置背景颜色透明的方法。在css中设置背景颜色透明的方法有两种：一种是通过rgba方式设置，另一种是通过backgroud和opacity设置。下面我们就来分别看看css中这两种方法实现背景颜色透明的具体实例1、通过backgroud和opacity设置背景
网页半透明效果经常在一些很酷网站中用到，虽然说现在还没有被纳入W3C标准中，但对于CSSer们还是很热捧的。从网上收集并整理了一下以后备用。1. 旧的Opacity设置以下代码是Firefox和Safari旧版本所需的透明度设置:
复制内容到剪贴板
代码:#ceng { -khtml-opacity:0.5;-moz-opacity: 0.5; }-khtml-opacit
使用如下代码： background-color="#00000000" ...
转载
2021-10-26 18:48:00
909阅读
2评论
