css设置透明层

最新推荐文章于 2021-08-06 09:39:14 发布
最新推荐文章于 2021-08-06 09:39:14 发布
阅读量135 收藏
点赞数
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsf_123456/article/details/84425249
版权

这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS，NO,NO，既然我们是CSS布局教程，那么就尽量用CSS来解决问题！

filter: alpha(opacity=70); 
opacity: 0.7;

把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！
注：70和0.7的值可改为你需要的

wsf_123456
关注
专栏目录
关于css设置层透明
12-03
于是稍作研究下，在此记录下： 当然，达到透明，很多一般使用三种方式： 1、直接使用透明图片，这个确实比较直接省事，不过往往需要再制作图片，个人认为，可维护性不好 2、使用如下代码设置透明度，可是你会发现这种方式不能对其子节点的元素设置不透明 复制代码代码如下: filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; 3、这种方法仅仅使用简短的代码，即可以实现设置透明度，也可以实现其中的文字以及节点中的元素设置不透明 首先需要先对需要透明的层设置如下样式： 复制代码代码如下
设置层的不透明度
tianshibaijia
12-16 207
这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS，NO,NO，既然我们是CSS布局教程，那么就尽量用CSS来解决问题！ filter: alpha(opacity=70); opacity: 0.7; 把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！...
css如何设置层透明
笑语轻柔
01-09 514
达到透明，很多一般使用三种方式： 　　1、直接使用透明图片，这个确实比较直接省事，不过往往需要再制作图片，个人认为，可维护性不好 　　2、使用如下代码设置透明度，可是你会发现这种方式不能对其子节点的元素设置不透明 　　代码如下: 　　filter: alpha(opacity = 50); 　　-moz-opacity: 0.5; 　　-khtml-opacit
CSS制作透明层
cyblog的专栏
08-19 417
用这两行代码测试就知道了（在Dw中可能不能正确显示） this  其中据说：filter:alpha(opacity=50);/*这句为IE下有效*/ opacity:0.5;/*这句为FireFox下有效*/
Ajax Json 无刷新
mmdev
12-16 117
这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS，NO,NO，既然我们是CSS布局教程，那么就尽量用CSS来解决问题！ filter: alpha(opacity=70); opacity: 0.7; 把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！ 这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS...
CSS3几何透明层文本悬停特效
06-24
本篇将深入探讨如何利用CSS3来创建“几何透明层文本悬停特效”，这种特效在用户将鼠标悬停在背景图片上时，会通过几何形状的透明层变色来展示文本内容。 首先，我们需要了解CSS3中的关键特性——选择器、伪类和属性...
CSS层透明实现方法
12-13
本文实例讲述了CSS层透明实现方法。分享给大家供大家参考。具体分析如下： 这个代码段是演示用CSS控制一个DIV层的透明效果，大家可以看到平铺的背景已经显现出来，实际上比较简单就可以实现，就是用CSS控制一个DIV层...
通过css实现透明背景层
yufeitong的专栏
12-23 864
转载：http://www.jiaoben8.cn/Article-id102.html 利用css来是透明背景层效果，效果如下： 实现方法： #Transparent{ width: 100%; background:rgba(255, 255, 255, 0.8); filter:progid:DXImageTransform.Microsoft.Gradient(
css样式中添加透明的层
weixin_30787531的博客
02-08 246
在div属性中添加： filter:alpha(Opacity=90);-moz-opacity:0.7;opacity: 0.7; 但注意，添加之后，其子层会跟随父层的透明，导致效果很差。应该分开层次，不用继承的方式 属性说明： Alpha：设置透明度Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, Finis...
JSON+Ajax+JQuery实现无刷新
分享我的点点滴滴，在成长路上与你同行！
10-08 495
具体要求: 实现注册页面的信息 (jsp+servlet)    页面index.jsp name: pass:   (1)用Ajax+JSON来实现      xmlhttprequest.js var xmlhttp; //核心对象 function MyAjax() { // 获取数据 var name = document.get
ajax晋级篇---无刷新的数据交互用户名验证----json反馈 ...
weixin_30636089的博客
05-27 106
header("Content-Type:text/html;charset=utf-8"); public function do_register1(){ //第三步-------------------------------------数据库这里处理 $map['username']=I('post.username'); $re...
ajax json无刷新,jquery ajax实例之ajax json数据的无刷新异步传输
weixin_29366307的博客
08-06 93
$('p.editInfo>a').bind('click',function(){$('#edit_uid').val($(this).attr("uid"));//alert($(this).attr("uid"));var uid= $(this).attr("uid");//alert(vote_content);$.ajax({type: 'get',dataType: 'json...
JSON与AJAX数据Web之无刷新处理
sharme的专栏
03-16 1071
在现在Web的开发中，界面友好和性能越来越成为一个网页的好坏的评判标准，对于实现界面无刷新(局部刷新)请求和简单传输数据与服务器交互，我想来谈谈一下技术            这篇博文是我对Ajax和Json的总结，在这里讲解了基本运用和简介，大家通过这些学习可以结合开发运用到实战当中去                AJAX（asynchronous Javascript XML）异步的j
linux下web刷新,JSON与Ajax数据Web之无刷新处理
weixin_42134117的博客
05-15 146
在现在Web的开发中，界面友好和性能越来越成为一个网页的好坏的评判标准，对于实现界面无刷新(局部刷新)请求和简单传输数据与服务器交互，我想来谈谈一下技术这篇博文是我对Ajax和Json的总结，在这里讲解了基本运用和简介，大家通过这些学习可以结合开发运用到实战当中去AJAX(asynchronous Javascript XML)异步的javascript与xml核心对象 ：XMLHttpReque...
JSON实现AJAX无刷新加载
XiNGRZ的专栏
03-01 1895
AJAX主要有三种：最简单的直接加载整个网页，然后通过innerHTML之类的办法显示在网页上，这个现在用Prototype.js的Ajax.Updater类能轻而易举地实现；另一种最常用的是加载一个只包含数据的文件（比如XML）然后通过一系列代码处理后显示给用户；还有一种是像DWR或PHPRPC那样直接把服务器端的函数生成对应的JS代码给客户端，客户端执行后交由服务器处理，再返回结果。这里我们来
DIV的透明层实现
leadtheway的专栏
04-17 306
DIV的透明层实现(filter:Alpha(opacity=30); 为IE浏览器实现方式 opacity:0.3;为火狐浏览器实现方式) 以下为引用的内容： <body bgcolor="#ff0ddd"> <div id="Layer1" style="position:absolute; width:260px; height:115px; z-index:1;...
如何使用ajax实现网页无刷新以及简单掌握Json
banchun3795的博客
04-28 145
本人初学ajax，写出本人ajax的一些浅薄的经验。 ajax简称（异步JavaScript和XML）。异步指的是当向浏览器发送一条请求，不需要等请求响应还可以继续发送若干条请求而且不会阻碍用户。 ajax是与服务器交换数据并更新部分网页的技术，可是实现网页无刷新。 例如用ajax删除一跳信息，实现无刷新： Index视图： <script type="text/java...
js实现页面逐渐透明,直至消失
业余前端爱好者
05-22 7192
在gitHub闲逛的时候,无意间发现了些好玩的代码,一个歪果仁写的,这里我做了些修改和优化,gitHub链接已经忘了,是一段恶搞的js代码,假如你的顾客或者老板拖欠你工资,那你就可以让项目页面在浏览器慢慢变透明,直到消失,代码很简单,但脑洞清奇
CSS纯代码实现内容下半透明遮罩层
本文档介绍了如何使用纯CSS技术实现一个内容下面的半透明层，主要通过`before`伪元素来构建。首先，我们了解背景设置：在HTML文档的`<style>`部分，定义了一个名为`body`的样式，设置了背景图片为`3.jpg`，并且采用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值