设置层的不透明度

最新推荐文章于 2021-08-06 09:39:14 发布
最新推荐文章于 2021-08-06 09:39:14 发布
阅读量868 收藏 1
点赞数
分类专栏： DIV+CSS 文章标签： css filter blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PainsOnline/article/details/7076603
版权
这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS，NO,NO，既然我们是CSS布局教程，那么就尽量用CSS来解决问题！
filter: alpha(opacity=70);
opacity: 0.7;
把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！
八面碰壁居士
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于css设置层透明
12-03
于是稍作研究下，在此记录下： 当然，达到透明，很多一般使用三种方式： 1、直接使用透明图片，这个确实比较直接省事，不过往往需要再制作图片，个人认为，可维护性不好 2、使用如下代码设置透明度，可是你会发现这种方式不能对其子节点的元素设置不透明 复制代码代码如下: filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; 3、这种方法仅仅使用简短的代码，即可以实现设置透明度，也可以实现其中的文字以及节点中的元素设置不透明 首先需要先对需要透明的层设置如下样式： 复制代码代码如下
css如何设置层透明
笑语轻柔
01-09 491
达到透明，很多一般使用三种方式： 　　1、直接使用透明图片，这个确实比较直接省事，不过往往需要再制作图片，个人认为，可维护性不好 　　2、使用如下代码设置透明度，可是你会发现这种方式不能对其子节点的元素设置不透明 　　代码如下: 　　filter: alpha(opacity = 50); 　　-moz-opacity: 0.5; 　　-khtml-opacit
CSS制作透明层
cyblog的专栏
08-19 407
用这两行代码测试就知道了（在Dw中可能不能正确显示） this  其中据说：filter:alpha(opacity=50);/*这句为IE下有效*/ opacity:0.5;/*这句为FireFox下有效*/
Ajax Json 无刷新
mmdev
12-16 96
这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS，NO,NO，既然我们是CSS布局教程，那么就尽量用CSS来解决问题！ filter: alpha(opacity=70); opacity: 0.7; 把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！ 这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS...
多个浏览器透明度设置
09-25
- **解释**：`opacity` 属性用于设置元素及其所有子元素的不透明度。取值范围为 0 到 1，其中 0 表示完全透明，1 表示完全不透明。 - **示例代码**： ```css div { opacity: 0.8; /* 设置元素及其子元素的不...
CSS3不透明度实例讲解
09-24
- `opacity` 属性用于设置元素的总体不透明度，其值范围是0到1之间。其中，0表示完全透明，1表示完全不透明。例如，`opacity: 0.7;` 将使元素变得70%透明。 - 当`opacity`值设置为0时，元素将不可见，而1则是...
javascript层透明度
12-09
- `div`元素默认设置为100%的不透明度。 ##### 2. CSS样式 ```css #div1 { background-color: #999999; color: #fff; filter: alpha(opacity=100); /* IE */ opacity: 1; /* Mozilla */ } ``` - `background-...
Android PopupuWindow 背景半透明，设置最大高度
04-28
为了实现半透明效果，我们需要自定义一个布局文件，该布局包含PopupWindow的内容，并设置其背景颜色为带有透明度的色值。例如，我们可以使用ARGB格式的颜色值来设定背景，如`#AA000000`（这里的`AA`表示透明度，范围...
通过css实现透明背景层
yufeitong的专栏
12-23 843
转载：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 228
在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 470
具体要求: 实现注册页面的信息 (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 94
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 82
$('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 1053
在现在Web的开发中，界面友好和性能越来越成为一个网页的好坏的评判标准，对于实现界面无刷新(局部刷新)请求和简单传输数据与服务器交互，我想来谈谈一下技术            这篇博文是我对Ajax和Json的总结，在这里讲解了基本运用和简介，大家通过这些学习可以结合开发运用到实战当中去                AJAX（asynchronous Javascript XML）异步的j
linux下web刷新,JSON与Ajax数据Web之无刷新处理
weixin_42134117的博客
05-15 113
在现在Web的开发中，界面友好和性能越来越成为一个网页的好坏的评判标准，对于实现界面无刷新(局部刷新)请求和简单传输数据与服务器交互，我想来谈谈一下技术这篇博文是我对Ajax和Json的总结，在这里讲解了基本运用和简介，大家通过这些学习可以结合开发运用到实战当中去AJAX(asynchronous Javascript XML)异步的javascript与xml核心对象 ：XMLHttpReque...
JSON实现AJAX无刷新加载
XiNGRZ的专栏
03-01 1873
AJAX主要有三种：最简单的直接加载整个网页，然后通过innerHTML之类的办法显示在网页上，这个现在用Prototype.js的Ajax.Updater类能轻而易举地实现；另一种最常用的是加载一个只包含数据的文件（比如XML）然后通过一系列代码处理后显示给用户；还有一种是像DWR或PHPRPC那样直接把服务器端的函数生成对应的JS代码给客户端，客户端执行后交由服务器处理，再返回结果。这里我们来
DIV的透明层实现
leadtheway的专栏
04-17 294
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 127
本人初学ajax，写出本人ajax的一些浅薄的经验。 ajax简称（异步JavaScript和XML）。异步指的是当向浏览器发送一条请求，不需要等请求响应还可以继续发送若干条请求而且不会阻碍用户。 ajax是与服务器交换数据并更新部分网页的技术，可是实现网页无刷新。 例如用ajax删除一跳信息，实现无刷新： Index视图： <script type="text/java...
css背景图片透明度不影响文字
最新发布
09-08
其中一个方法是使用CSS伪元素`::before`或`::after`来添加一个额外的层，并将背景图片应用到该层上，然后通过设置该层的透明度来单独控制背景图片的透明度。 下面是一个示例代码： HTML: ```html <h1>Hello, ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值