PHP设置文本框背景透明度,如何给background-image设置透明度?
如题,现在是没法改图片本身的透明度,该图片以 background-image 写在 css 里,不知道有没有办法给他设置透明度?div{
position: relative;
}
div:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(...);
opacity: 0.5;
}
背景图用png,有透明度。
元素设置透明度当背景,另一个元素遮盖到上面 客串下它儿子,假装是这个元素的内容。
css的opacity属性可以设置图片的透明属性,#div{
background-image: url(img.png);
opacity:0.4;
filter:alpha(opacity=40);/* 针对 IE8 以及更早的版本 */ }
无法改变图片本身的透明度,那只能改变整个DIV的透明度来达到类似的视觉效果:
1.opacity属性
2.如果兼容性允许的话使用css3滤镜-webkit-filter(有别于之前的IE滤镜)。
看下这个网站的实现办法Opacity in CSS background images
PHP设置文本框背景透明度,如何给background-image设置透明度?相关推荐
- java文本框背景_background 设置文本框背景图
background 属性的作用是给元素设置背景,它是一个复合属性,常用的子属性如下: background-color 指定元素的背景颜色. background-image 指定元素的背景图像. ...
- Flutter 设置文本框背景
Flutter 设置文本框背景 先来看最终效果: 普通文本框样式的设置 以下设置一个普通的文本框样式: new TextField(controller: _titleTxt,keyboardType ...
- 自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标 修改光标颜色 修改边框颜色 placeholder颜色 设置文本框背景
文章转自:http://blog.csdn.net/zhang_red/article/details/21447535 总结下常用的几点: 1.修改放大镜图标 [self setImage:[UII ...
- Axure 教程 | 设置文本框背景透明
在AXURE软件中,部件样式可以编辑,但有时却无法满足所有个性化原型的需求.例如文本框部件,可以设置是否隐藏边框,但即使隐藏边框之后,文本框还会有白色的背景. 当界面需要一个无背景色的输入框时,对于完 ...
- css可以设置文本框颜色吗,如何在css中设置文本框颜色
如何在css中设置文本框颜色 发布时间:2021-04-29 15:33:54 来源:亿速云 阅读:72 作者:Leah 如何在css中设置文本框颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解 ...
- PHP设置文本框背景透明度,话说半透明文本框!(不透明度可以任意调节,可以实现全透明)...
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 我以前曾经问过大家半透明对话框怎么做,后来一直没有找到答案.直到有一天,云霞散人告诉了我一个api函数... 好吧,我承认,我说的这个不是半透明" ...
- html文本框边框变色,怎么使用CSS设置文本框的边框
如何使用CSS设置文本框的边框: 默认的文本框边框一般是不会满足实际的需求,所以需要人为的对边框进行设置,下面就来介绍一下如何设置文本框的边框. 代码实例: 蚂蚁部落 .mytest{ border: ...
- Win32汇编获取和设置文本框的内容
看一下Win32汇编如何获取和设置文本框的内容: 资源文件如下: #include <resource.h>#define ICO_MAIN 0x1000 //图标 #define DLG ...
- SSRS动态设置文本框属性
SSRS可以通过表达式动态设置文本框所有的属性,比如字体,字号,是否加粗,如下图所示: 汉字和数字英文字母占用的空间不一样,一个汉字占用两个数字和英文字母的空间,VB里有LENB取得字节数,这SSRS ...
最新文章
- vue-router 的重定向-redirect
- 如何在MySQL中进行FULL OUTER JOIN?
- ThinkPHP函数详解:M方法
- 以太坊联合创始人发明了新语言叫板Vyper,主链之后语言将引领新一轮大战?...
- Java实现发送邮件(可配置)忘记密码,发送邮件
- Python变量、脚本名称、函数命名规范
- UE4 Slate概述
- 【SSH网上商城项目实战11】查询和删除商品功能的实现
- 手把手教你在 SpringBoot 自定义参数解析器
- Typora 安装包2021年11月最后一次免费版本的安装包下载V13.6.1
- CSS 巧妙实现文字二次加粗再加边框
- matlab相对误差均值计算公式,相对误差怎么算_平均相对误差怎么计算公式
- 解决 win10飞行模式 无限自动开关 无法关闭
- C++笔试面试题 从网上整理的,带答案
- storage ( initial 64K minextents 1 maxextents unlimited );
- 双击word文档提示向程序发送命令出现问题(There was a problem sending the command to the program)
- 关于时间复杂度的详解
- mysql求回购率_用户行为分析——回购率、复购率(SQL、Python求解)
- sdk manager extra下没有Google play billing
- 又来了!10分钟实现微信 “炸屎“大作战
热门文章
- 【C语言】switch中无break的情况
- USB3.0超高速接口应用方案
- 从一个小故事聊聊字符编码那些事
- apache+Tomcat均衡负载配置
- JavaScriptjQuery.document对象属性和方法
- create-react-app部署到GitHub Pages时报错:Failed to get remote。origin.url
- 曾优雅击退史上最凶狠的DDoS攻击,AliGuard的高性能从何而来?
- 《BeagleBone开发指南》——1.3 BeagleBone硬件
- scikit-learn 入门
- 基于阿里云RDS创建ECS自建从库