在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6 下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透 明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的渲染计算量，那么这时也许就 需要用CSS滤镜了。假如有这样一个例子：“有一个DIV块，此DIV是黑色半透明的，但此DIV里面的内容要保持原状，不能透明”，那么我们该怎么做呢？假如HTML部分我们这
转载
2013-12-09 22:18:00
696阅读
2评论
color:#fff; background:rgba(0,0,0,0.6); background:#000 9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/ filter:Alpha(opacity=60);/*只对ie7,ie8有效*/
原创
2022-03-02 14:59:05
670阅读
之前做了个半透明弹层，但设置背景半透明时，子元素包含的字体及其它元素也都变成了半透明。对opacity这个属性认识的不透彻，在这里做一些总结，方便以后使用。
背景透明，文字不透明的解决方法：
为元素添加一个绝对定位的子元素，设置大小和该元素一样，把半透明加在绝对定位元素上作为遮罩，z-index设置到最底部，达到背景半透明效果。
使用CSS3新属性rgba。
实现透明的方法
转载
2021-08-05 15:27:54
6441阅读
CSS 图像透明/不透明 使用CSS很容易创建透明的图像。 注意：CSS Opacity属性是W3C的CSS3建议的一部分。 一、示例一：创建一个透明图像 CSS3中属性的透明度是 opacity。 首先，我们将向您展示如何用CSS创建一个透明图像 IE9，Firefox，Chrome，Opera，
转载
2018-07-23 15:53:00
505阅读
2评论
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外...
原创
2022-05-31 15:10:30
517阅读
以前是这样实现背景透明内容不透明的：将背景与内容分别放在两个DIV中，然后使背景DIV透明，最终达到背景透明内容不透明的效果（挺麻烦的），背景透明使用的样式是{opacity:0.5;filter:alpha(opacity=50);}。最近才发现，原来还有更好的方法。支持CSS3的浏览器我们可以使用background-color:rgba(0,0,0,0.5)来实现透明，rgba中的a则代表透
转载
精选
2013-07-30 21:35:18
1686阅读
使用元素的opacity 属性，设置遮罩层的效果， 主要 样式是：background-color: #ooo; opacity:0.3; 原因分析： 使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即便重定义也没有用，不过有个方法可以实现，大家可以看看。
转载
2017-01-05 09:55:00
1546阅读
2评论
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办 此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增...
原创
2013-10-14 06:23:48
224阅读
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的渲染计算量，那么这时也许就需要用CSS滤镜了。假如有这样一个例子：“有一个DIV块，此DIV是黑色半透明的，但此DIV里面的内容要保持原状，不能透明”，那么我们该怎么做呢？假如HTML部分我们这样写的
转载
2014-03-25 21:38:00
813阅读
2评论
# 实现dialog背景不透明 Android
作为一名经验丰富的开发者，我将教会你如何实现在Android中让dialog背景不透明的方法。首先，我们需要了解整个流程，然后逐步实现每个步骤。
## 整个流程
下面是实现“dialog背景不透明 Android”的步骤表格：
```mermaid
erDiagram
CUSTOMER ||--o| DIALOG : 包含
```
##
原创
2024-05-15 04:48:31
36阅读
简单的说就是使用rgba的写法，如例所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文字透明，背景不透明</title><style>.div1{width:293px;height:219px;background:url(1.jpg) no-repeat;}.div2{widt
原创
2022-07-22 10:00:43
114阅读
目录图像的透明度 - 悬停效果透明的盒子中的文字使用CSS很容易创建透明的图像。注意：CSS Opacity属性是W3C的CSS3建议的一部分。 img { opacity:0.4; filter:alpha(opacity=40); /* IE8 及其更早版本 */ } img:hover { opacity:1.0; filter:alpha(opacity=100); /* IE8 及其更早版
原创
2021-06-18 11:09:24
728阅读
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ht
原创
2022-04-24 09:34:58
454阅读
用rgba值设置背景现在ps里面看下我们的背景颜色的rgb值是多少。然后background:rgba(39,60,125,0.5);前三个数字为我们在
原创
2022-09-27 12:25:03
316阅读
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ht
原创
2021-07-28 11:42:52
331阅读
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>
原创
2021-07-28 11:44:21
259阅读
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>
原创
2022-04-24 09:36:34
175阅读
