CSS设置文字背景虚化,变透明的两种方法
CSS文字背景虚化,变透明
- 拥有大背景,让div块变透明的方法:
- 方法1.背景是透明了,内容也会随之变透明。
- 方法2.仅背景透明
在整个项目有大背景的前提下,想让某表格背景或div块的背景不是白色,而是用大背景。需要将div或其他模块背景色透明。
拥有大背景,让div块变透明的方法:
最初的图片:
方法1.背景是透明了,内容也会随之变透明。
filter:alpha(opacity=50); /*支持 IE 浏览器,范围值0~100,值越大透明度越高哦*/
-moz-opacity:0.50; /*支持 FireFox 浏览器,范围值0~1,*/
opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器,范围值0~1*/
背景和文字一起透明了的图:
方法2.仅背景透明
background-color:rgba(0,0,0,0~1),使用这个方法就只会设置div背景透明,而不会影响到div里的内容。
1.前三个0,0,0是设置原先背景颜色,我最初的是(255,255 ,255)白色背景。可以通过查看选择自己喜欢的背景虚化。
2.最后一个表示alpha值,就是透明度值,不透明为1。0~1,可以选择0.5等根据自己想要的虚化程度决定。
效果图如下,文字内容不受影响。
CSS设置文字背景虚化,变透明的两种方法相关推荐
- CSS设置背景颜色透明的两种方法
在css中设置背景颜色透明的方法有两种: 一种是通过rgba方法设置,另一种是通过backgroundh和opacity设置 下面分别是css中 两种方法实现的背景颜色透明实例 1,通过backgro ...
- c语言mfc怎么插入背景图片,MFC 对话框添加背景图片详细过程(两种方法)
给对话框添加背景图片方法很多,在此贴出两种很常见的方法.一种是通过读取位图资源显示位图(BitMap) step: 1.创建内存设备上下文: 2.选择位图,将其装入内存设备上下文: 3.使用BitBl ...
- MFC 对话框添加背景图片详细过程(两种方法)
给对话框添加背景图片方法很多,在此贴出两种很常见的方法.一种是通过读取位图资源显示位图(BitMap) step: 1.创建内存设备上下文: 2.选择位图,将其装入内存设备上下文: 3.使用BitBl ...
- 设置和取消Excel限制保护的两种方法
Excel是我们工作中经常用到的办公软件,重要的文件往往还需要设置保护限制.设置和去除的方法有两种,下面就来说说看. 方法一: 1.打开Excel表格,点击上方工具栏的[审阅],再选择[保护工作表]或 ...
- python(opencv2、PIL)将图片透明背景转换成白色背景的两种方法
对于急需要用的朋友可以直接用下面的代码 opencv2实现 import cv2def alpha2white_opencv2(img):sp=img.shapewidth=sp[0]height=s ...
- css设置图标居左_学会这几种方法css居中很简单
hacks, hacks(小技巧) 有许多 hacks ,负 margin,影子元素 : : before 等.如果你的内容不是固定大小的话,它们大部分是很脆弱的. translate(-50%,-5 ...
- win10远程桌面设置计算机,win10开启远程桌面的两种方法
远程桌面连接功能是IP地址使用到最强大的功能,远程桌面连接是指当离开电脑时使用另一能电脑控制本电脑,对被控制电脑进行操作. 有时候,你发现坐在一台计算机面前,但是需要另一台计算机上的数据或工具.或者, ...
- android 强制全屏,[Android]设置Activity为全屏显示的两种方法
1. 方法1:AndroidManifest.xml 里,Activity的 android:theme 指定为" @android :style/Theme.NoTitleBar.Ful ...
- php css下划线,css下划线如何设置?css设置文字下划线的方法介绍
在网页中默认情况下文字字体是没有下划线样式的,但是有时候我们在网页中会看到不是链接的文字下面会有一行下划线,那么这个下划线样式是怎么实现的呢?本篇文章就来给大家介绍一下css设置文字下划线的方法,接下 ...
最新文章
- linux - command - iftop
- Linux C gbk utf-8编码转换
- Android ART GC之GrowForUtilization的分析
- android编程读取sd卡txt文件,如何读取SD卡中的txt文件?
- JavaScript设计模式与开发实践 | 02 - this、call和apply
- ML的BD框架-Hadoop.Mahout.Strom.Spark/GraphLab
- 程序设计基础c语言第二版巫,程序设计基础 (C语言)---2版
- 脑裂问题解决方案_从解决方案到问题
- 读书笔记2013第3本:《无价》
- 智能合约怎么创建合约_可出售智能合约的协议
- 定义一个没有参数的函数、输出python3次_Python函数参数详解,三天让你掌握python,不再是小白
- 机器视觉技术在薄膜检测系统的应用
- 你能识别这些科技公司的真假logo吗?
- ASCII 控制符意义说明
- java 快逸报表_快逸报表V4.0功能说明
- 【J2EE】【1.HelloWorld】J2EE基础(jsp,servlet,tomcat,eclipse)
- 下载链接大全,持续更新...
- Qt实现提示音以及QSound的使用说明
- 【云流送技术】为手办行业可以带来哪些变革
- 免费开源好用还佛系的国产PDF软件:pdf补丁丁下载 | 含pdf补丁丁使用手册