时间:2021-05-08
1.针对IE浏览器
复制代码代码如下:
.demo{
background-color:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF)
}
2.针对FF,谷歌等浏览器
复制代码代码如下:
.demo{
background:transparent;<!--背景透明-->
color:#fff;<!--字体颜色-->
background-color:rgba(255,255,255,0.15)<!--最后一个参数设置透明度,前面三个是RGB颜色值-->
}
注意:如果容器是a标签的话,需要给a标签加上“display:block”属性。在手机上显示,都是用第二种样式。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
复制代码代码如下:Css:背景色透明,内容不透明之终极方法!兼容所有浏览器*{margin:0;padding:0;}body{background:#3f3f
RGBa前三个值是RGB色值,最后一个值是十进制的alpha不透明度值(0=透明,1=不透明)CSS3RGBa实现半透明背景RBGa可以用于任何更颜色相关的属性
本文介绍了css实现背景半透明文字不透明的效果示例,分享给大家,具体如下:效果如下:html{background:#6a8db1;}.aside{backgr
场景一:实现半透明边框:由于CSS样式的默认行为,背景色的渲染范围是content+padding+border。半透明边框被主调色影响,实现的效果为解决方案:
前言最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧。效果展示半透明不透明常见的失败做法最常见的做法事设置元素