div层设置透明

最新推荐文章于 2021-06-15 11:55:10 发布
最新推荐文章于 2021-06-15 11:55:10 发布
阅读量1.2k 收藏
点赞数
文章标签： div filter c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sbangm/article/details/6438065
版权

今天做一个页面，数据比较多，加载慢，想到了弄一个层显示“loading...”以告知用户，增加用户体验，又想把该层做成透明的，所以找了div中的这个属性“filter:Alpha(opacity=30)”,30是透明系数，值越大透明度越高。。。

 

<div id="c_d" style="position:absolute; padding-left:300px; padding-top:180px; z-index:1; left: 200px; top: 22px; background-color:#CCC; filter:Alpha(opacity=30); width: 553px; height: 229px;"><h1>loading...</h1></div>

Sbangm
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
设置DIV透明层
u014622411的专栏
06-12 622
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;
透明div层
刘鹏的技术宅
08-25 779
self/index.do" method="post"> 用户名 密码
DIV的透明层实现
MaoMao_1983的专栏
02-14 659
 你也可以在这里插入图片你想注册地图名片吗http://mc.mapabc.com" target="_blank">http://mc.mapabc.comEMAIL:lipeng@mapabc.com地址邮编
css如何设置层透明
笑语轻柔
01-09 487
达到透明，很多一般使用三种方式： 　　1、直接使用透明图片，这个确实比较直接省事，不过往往需要再制作图片，个人认为，可维护性不好 　　2、使用如下代码设置透明度，可是你会发现这种方式不能对其子节点的元素设置不透明 　　代码如下: 　　filter: alpha(opacity = 50); 　　-moz-opacity: 0.5; 　　-khtml-opacit
div背景半透明，覆盖整个可视区域的遮罩层效果
12-30
1 、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 2 、要覆盖整个可视区域通常的...
Div的一些设置关于边框和透明度的
09-28
本示例将深入探讨如何使用 CSS（Cascading Style Sheets）来设置 `div` 的边框和透明度，这对于创建具有专业外观的网页至关重要。 ### 边框设置 在 CSS 中，边框的样式可以通过 `border` 属性进行控制，它包含三...
div背景半透明 覆盖整个可视区域的遮罩层效果
09-25
为了演示这个效果，可以创建一个包含大量内容的`<p>`标签，以及一个具有半透明遮罩层和绝对定位内容的`<div>`。例如： ```html <!DOCTYPE html> <!-- ... --> /* ... */ <p class="ph">place holder ...
基于JavaScript实现全屏透明遮罩div层锁屏效果
10-22
主要介绍了基于JavaScript实现全屏透明遮罩div层锁屏效果的相关资料,需要的朋友可以参考下
DIV层的透明度设置！
一张白纸......
09-14 4789
 ---------------------------------------------------------设置属性：FILTER:alpha(opacity=20);--------------------------------------------------------
设置div背景透明两种方法
热门推荐
pow8368684的专栏
01-26 12万+
css设置div背景透明有两种方法：第一种使用opacity：0~1，这个方法有个缺点，就是内容也会跟着透明；第二种方法就是background-color:rgba(0,0,0,0~1)，使用这个方法就只会设置div背景透明，而不会影响到div里的内容。 说明一下background-color:rgba(0,0,0,0~1)的使用 1.获取你想要颜色值。 2.把RBG值转换为数值
设置div背景透明的两种方法
weiyuexin的博客
07-07 8528
实现div背景透明的两种方法 1.使用opacity属性 background-color：#000; opacity: 0.5; 这样做可以设置div内部所以区域的透明度，但是也会影响里面的文字，效果图： 2、只改变背景透明度，不改变其中文字、图片等透明度的方法 background-color: rgba(0,0,0,0.5); 其中前三位数是设置背景颜色，取值范围是0~255，全部为零代表黑色，全部为255代表白色。 rgba即红色、绿色、蓝色、透明度（英语：Red, Green, Blue.
HTML怎么让div全透明,设置div为透明 怎样才让div里面的div不透明？
weixin_29586681的博客
06-15 2606
#a{ background:#FFCC33; filter:alpha(opacity:0); width: 300px; heig#a{background:#FFCC33; filter:alpha(opacity=50); /*支持 IE 浏览器*/-moz-opacity:0.50; /*支持 FireFox 浏览器*/opacity:0.50; /*支持 Chrome, Opera, ...
设置div背景透明的方法
程序员的笔记
11-19 1万+
div背景透明常见的有两种方法： 1.通过opacity属性设置，取值0~1,0表示透明，1表示不透明，但是这种方法会把div上的内容也同时进行透明设置。 2.通过rgba格式的background-color设置，格式为：background-color:rgba(0,0,0,0~1)，0表示透明，1表示不透明。 效果如下： 完整代码如下： <html> <h...
css外层DIV半透明内层div不透明-弹出层效果的实现
ai_d_chuan的博客
09-25 2655
css外层DIV半透明内层div不透明-弹出层效果的实现 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt; &amp;lt;title&amp;gt;css外层DIV半透明内层div不透明-弹出层效果的实现【
如何让div透明，内容不透明
通往架构师之路
12-10 2万+
111111 background-color:rgba(255, 255, 255, 0.5); //只要div的style设置这个属性就可以了,网上很多方法都很复杂,其实效果一样
CSS实现父层透明，子层不透明
MLer
12-02 7026
利用CSS中的opacity属性可以实现一些视觉效果，但是父元素设置透明属性会被子元素继承，这是不想见到的，于是通过一些设置解决这个问题。filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;解决办法是利用CSS3中的rgba（）进行设置，便不会被被子元素继承，同时为了兼容IE7、IE8等浏览器，需
div半透明遮罩效果
最新发布
05-28
2. 使用 CSS 设置该 div 元素的背景色为半透明的黑色。例如：background-color: rgba(0, 0, 0, 0.5); 其中 0.5 表示透明度为 50%。 3. 设置该 div 元素的宽度和高度，使其覆盖需要遮罩的元素。 4. 将该 div 元素的 z...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值