简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

CSS如何设置div半透明效果_html/css_WEB-ITnose

WBOY
发布： 2016-06-24 11:31:20
原创
1273 人浏览过

CSS如何设置div半透明效果:
设置元素的透明度在很多应用中都有使用，下面就介绍一下如何设置一个元素为半透明，其他的透明效果自己衍伸就可以了。
代码实例如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{   filter:alpha(opacity=50);    opacity:0.5;   width:100px;  height:100px;  background-color:green;} </style></head><body><div></div></body></html>
登录后复制

 

opacity属性所以标准浏览器都支持，但是IE8和IE8以下浏览器不支持此属性，于是就使用filter:alpha(opacity=50)进行兼容，opacity的取值是0-1,但是filter下的那个取值是0-100。opacity属性可以参阅CSS的opacity属性一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9651

更多内容可以参阅:http://www.softwhy.com/divcss/

 

相关标签：
CSS如何设置div半透明效果
来源：php.cn
上一篇：设置TinyMCE在线HTML编辑控件只读_html/css_WEB-ITnose 下一篇：项目中最常用到的颜色_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何使用透明的div实现页面背景模糊效果 我有一个网页的代码，我希望通过一个透明的div来使背景模糊。我实际上想要使div半透明。我尝试为div添加模糊滤镜的CSS，但结果是div内部的文本也被模糊了，这不是我想要的。&l...
来自于 2023-09-14 21:09:28
0
1
164
如何在CSS颜色变量中应用透明度？ 我正在electron中设计一个应用程序，所以我可以访问CSS变量。我在vars.css中定义了一个颜色变量：:root{--color:#f0f0f0;}我想在main.css中...
来自于 2023-08-20 18:51:07
0
1
184
保持CSS动画在结束时的最终状态 我正在对一些在CSS中设置为opacity:0;的元素运行动画。动画类被应用于onClick事件，使用关键帧，它将不透明度从0变为1（以及其他一些变化）。不幸的是，当动画结束时，元...
来自于 2023-08-20 18:36:55
0
2
326
javascript - 请问要如何完全隐蔽构件，没有半透明效果？ 现在在 Viewer 里会有半透明的效果去表示一个已隐蔽的构件，请问有办法让构件完全隐蔽，没有半透明的效果吗？
来自于 2017-07-05 10:49:53
0
1
786
android - 怎么把图片设置在两个布局的边缘上 如图怎么设置这样的效果，图片在两个布局边缘上这个activity下面有一个正在播放视频的activity，我用帧布局已设置透明就全透明了。
来自于 2017-05-16 13:34:07
0
2
628
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！