如题,现在是没法改图片本身的透明度,该图片以 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设置透明度?相关推荐

  1. java文本框背景_background 设置文本框背景图

    background 属性的作用是给元素设置背景,它是一个复合属性,常用的子属性如下: background-color 指定元素的背景颜色. background-image 指定元素的背景图像. ...

  2. Flutter 设置文本框背景

    Flutter 设置文本框背景 先来看最终效果: 普通文本框样式的设置 以下设置一个普通的文本框样式: new TextField(controller: _titleTxt,keyboardType ...

  3. 自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标 修改光标颜色 修改边框颜色 placeholder颜色 设置文本框背景

    文章转自:http://blog.csdn.net/zhang_red/article/details/21447535 总结下常用的几点: 1.修改放大镜图标 [self setImage:[UII ...

  4. Axure 教程 | 设置文本框背景透明

    在AXURE软件中,部件样式可以编辑,但有时却无法满足所有个性化原型的需求.例如文本框部件,可以设置是否隐藏边框,但即使隐藏边框之后,文本框还会有白色的背景. 当界面需要一个无背景色的输入框时,对于完 ...

  5. css可以设置文本框颜色吗,如何在css中设置文本框颜色

    如何在css中设置文本框颜色 发布时间:2021-04-29 15:33:54 来源:亿速云 阅读:72 作者:Leah 如何在css中设置文本框颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解 ...

  6. PHP设置文本框背景透明度,话说半透明文本框!(不透明度可以任意调节,可以实现全透明)...

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 我以前曾经问过大家半透明对话框怎么做,后来一直没有找到答案.直到有一天,云霞散人告诉了我一个api函数... 好吧,我承认,我说的这个不是半透明" ...

  7. html文本框边框变色,怎么使用CSS设置文本框的边框

    如何使用CSS设置文本框的边框: 默认的文本框边框一般是不会满足实际的需求,所以需要人为的对边框进行设置,下面就来介绍一下如何设置文本框的边框. 代码实例: 蚂蚁部落 .mytest{ border: ...

  8. Win32汇编获取和设置文本框的内容

    看一下Win32汇编如何获取和设置文本框的内容: 资源文件如下: #include <resource.h>#define ICO_MAIN 0x1000 //图标 #define DLG ...

  9. SSRS动态设置文本框属性

    SSRS可以通过表达式动态设置文本框所有的属性,比如字体,字号,是否加粗,如下图所示: 汉字和数字英文字母占用的空间不一样,一个汉字占用两个数字和英文字母的空间,VB里有LENB取得字节数,这SSRS ...

最新文章

  1. vue-router 的重定向-redirect
  2. 如何在MySQL中进行FULL OUTER JOIN?
  3. ThinkPHP函数详解:M方法
  4. 以太坊联合创始人发明了新语言叫板Vyper,主链之后语言将引领新一轮大战?...
  5. Java实现发送邮件(可配置)忘记密码,发送邮件
  6. Python变量、脚本名称、函数命名规范
  7. UE4 Slate概述
  8. 【SSH网上商城项目实战11】查询和删除商品功能的实现
  9. 手把手教你在 SpringBoot 自定义参数解析器
  10. Typora 安装包2021年11月最后一次免费版本的安装包下载V13.6.1
  11. CSS 巧妙实现文字二次加粗再加边框
  12. matlab相对误差均值计算公式,相对误差怎么算_平均相对误差怎么计算公式
  13. 解决 win10飞行模式 无限自动开关 无法关闭
  14. C++笔试面试题 从网上整理的,带答案
  15. storage ( initial 64K minextents 1 maxextents unlimited );
  16. 双击word文档提示向程序发送命令出现问题(There was a problem sending the command to the program)
  17. 关于时间复杂度的详解
  18. mysql求回购率_用户行为分析——回购率、复购率(SQL、Python求解)
  19. sdk manager extra下没有Google play billing
  20. 又来了!10分钟实现微信 “炸屎“大作战

热门文章

  1. 【C语言】switch中无break的情况
  2. USB3.0超高速接口应用方案
  3. 从一个小故事聊聊字符编码那些事
  4. apache+Tomcat均衡负载配置
  5. JavaScriptjQuery.document对象属性和方法
  6. create-react-app部署到GitHub Pages时报错:Failed to get remote。origin.url
  7. 曾优雅击退史上最凶狠的DDoS攻击,AliGuard的高性能从何而来?
  8. 《BeagleBone开发指南》——1.3 BeagleBone硬件
  9. scikit-learn 入门
  10. 基于阿里云RDS创建ECS自建从库