css 白色背景如何实现半透明

根据不同的应用场景和兼容性要求，有多种方法实现背景半透明。1.在比较现代的浏览器中大多支持背景颜色的rgba颜色。可以如下设置background-color:rgba(255,255,255,0.5)/*背景颜色白色，50%透明度*/2.使用opacity属性，对已设置background-color的元素设置filter:alpha(opacity = 50);/*兼容ie*/ opacity:0.5;3.使用白色半透明的png图片。制作一个小的（如10*10）的白色半透明的PNG图片，将该图片设置为背景，设置background-repeat:repeat;

css 白色背景如何实现半透明相关推荐

PHP框架半透明,CSS设定一个元素半透明
这篇文章主要介绍了用CSS设定一个元素半透明的相关资料,非常不错,具有参考借鉴价值,需要的朋友参考下吧.opacity{ filter:alpha(opacity=50); /* IE */ -moz ...
CSS实现父元素半透明，子元素不透明
CSS实现父元素半透明,子元素不透明. 很久以来大家都习惯使用opacity:0.5在新式浏览器里实现半透明,而对IE较旧的版本使用filter:Alpha(opacity=0.5)的滤镜来实现半透明 ...
php背景图片透明度,css实现背景图片半透明内容不透明代码分享
本文主要和大家介绍了纯css实现背景图片半透明内容不透明的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助到大家. 最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的 ...
css 边框设置成不透明,css中如何设置半透明边框？
可以参考以下我的这个代码: XXX:{ border: 5px solid rgba(XXX, XXX, XXX, 0.5) } 其中第一个XXX是你选择的需要半透明的元素接下来的XXX是你想要半透 ...
CSS属性小结之--半透明处理
项目中经常有遇到需求半透明的情况,如图片.文字.容器.背景等等,每次都要去翻以前的项目,不甚其烦.现在一次性做个小结,方便自己查阅,也同时分享给大家: 一. 元素容器透明 1 .div{ 2 opac ...
纯css实现背景图片半透明，内容不透明
前言最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示半透明不透明常见的失败做法最常见的做法事设置元素的opacity,这种设置出 ...
css设置背景为半透明
关于背景的半透明,可以透过以下语句来实现(css) background: rgba(255, 248, 220, .2); 前三个用来设置颜色,第四位的参数.2用于设置透明度在这里给自己补充一个知 ...
【CSS】CSS 背景设置 ⑨ ( 背景半透明设置 )
文章目录一.背景半透明设置 1.语法说明 2.代码示例一.背景半透明设置 1.语法说明背景半透明设置可以使用 rgba 颜色值设置半透明背景 ; 下面的 CSS 样式中 , 就是设置黑色背 ...
html透明页面锁定窗口,CSS弹出背景半透明窗口
弹出窗口,背景半透明 body{margin:0px;} #bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: A ...
CSS 实现父组件半透明，子组件不透明
父组件半透明,子组件不透明,达到部分组件高亮的效果: 应用场景: 当 input 输入框获取焦点的时候,给 body 添加半透明效果,input 组件不透明: 举例子:( 应用到CSS3的rgba属 ...

css 白色背景如何实现半透明

css 白色背景如何实现半透明相关推荐

最新文章

热门文章