备案控制台
开发者社区 开发与运维 文章 正文

background-color设置为透明的方法

2023-11-06 113
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： background-color设置为透明的方法


  1. 比较好的方法
background-color:transparent;
  1. 不太好的方法（模仿透明，不仔细看，看不出来）
/* 前三个参数是颜色，后一个是透明度，效果为白色背景透明。*/
background-color: rgba(255,255,255,0.2);
  1. jquery设置背景图片
$(this).css("background-image","url(on.jpg)");


文章标签：
JavaScript
讓丄帝愛伱
目录
相关文章
破浪前进
|
1月前
|
JavaScript 前端开发
uVeiw color 颜色值
uVeiw color 颜色值
破浪前进
28 0
游客w7spmoexbxbew
|
9月前
|
前端开发
background-image中的细节
background-image中的细节
游客w7spmoexbxbew
64 0
米果粒
|
1月前
|
前端开发
背景色[background-color]
背景色[background-color]。
米果粒
19 6
与掉发不共戴天
|
10月前
rgba和opacity的透明效果有什么不同？
rgba和opacity的透明效果有什么不同？
与掉发不共戴天
83 0
汪末末
|
8月前
|
前端开发
CSS3 rgb and rgba（透明色）的使用
CSS3 rgb and rgba
汪末末
110 0
CSS3 rgb and rgba（透明色）的使用
祈澈菇凉
|
7月前
|
前端开发
border-radius属性失效问题的解决办法
border-radius属性失效问题的解决办法
祈澈菇凉
101 0
Clover‘sBlog
|
10月前
|
前端开发
opacity和background的rgba区别
opacity和background的rgba区别
Clover‘sBlog
44 0
长沙红胖子Qt
关于 QWidget无法使用stylesheet设置自身backgound-color（背景色）和border-image（背景图片） 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color（背景色）和border-image（背景图片） 的解决方法
长沙红胖子Qt
322 0
关于 QWidget无法使用stylesheet设置自身backgound-color（背景色）和border-image（背景图片） 的解决方法
佀无极
|
Web App开发 前端开发
css3给元素的border、margin、pading、font-size和width等属性设置动态值使用函数calc()
佀无极
1556 0
玩数不恭
|
Web App开发 前端开发 Android开发
CSS-背景位置-y | background-position-y
玩数不恭
1472 0