如何让div透明，内容不透明

<div >
<img src="test.png"></img><br />111111

</div>

background-color:rgba(255, 255, 255, 0.5); //只要div的style设置这个属性就可以了,网上很多方法都很复杂,其实效果一样

以下这种写法,会把div和里面的内容都变成透明的

filter: alpha(opacity=80); /* IE */
-moz-opacity: 0.8; /* Firefox */
opacity: 0.8; /* others */
background-color:#fff;

如何让div透明，内容不透明相关推荐

div背景透明内容不透明与0.5PX边框兼容设置
1.问题:设置 border-width:0.5px; 并兼容安卓和苹果移动端. 兼容:苹果IOS的 safari 支持浮点数边框,安卓浏览器不支持,会四舍五入到1px.不同浏览器效果额不同解 ...
css实现背景透明内容不透明
首先实现透明的方式大家肯定都能想到opacity,但opacity会让背景及其子元素的所有内容都透明 http://www.html5code.net/webdesign/html-5396.html ...
css设置背景透明兼容,每日一更之CSS背景透明内容不透明及CSS兼容性写法
有一个浏览器,让所有的前端极度痛恨,没错,就是IE.IE9以上版本的浏览器还好,但是,IE9及以下浏览器就相当的恶心,对于前端来说,最基本的就是还原UI设计图,但是当你使用一些CSS3属性的时候,IE ...
CSS实现Div层背景半透明而内容不透明的效果
CSS实现Div层背景半透明而内容不透明的效果 2014年5月18日 MK 前端设计 0 阅读 2932次前几天有一个学弟问我,怎么样能实现Div层背景半透明而内容不透明的效果呢,他写的效果不管怎么 ...
html实现div变透明,css实现父div透明子div内容不透明
标题可能不是很专业,只要你有一点前端基础的应该能看懂意思,昨天没休息好,今天写项目有点飘,总是写了尾巴忘了头,年轻少熬夜*-* 如标题今天记录三个Css属性 opacity rgb rgba 下面来讲 ...
如何实现容器透明，内容不透明？
3.透明度问题(opacity) 在ie中透明度不显示, 当我们向父元素中添加子元素的时候,就会发现子元素继承了父元素的透明度.而在某些情况下这是我们不希望发生的.即使你重新设置子元素的透明度为不透明 ...
css只设置背景图片半透明,css3实现背景图片半透明内容不透明的方法示例
上一个博客做登陆的页面是遇到的问题,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示: 内容半透明内容不透明最常见的做法事设置元素的opacity,这种设置 ...
纯css实现背景图片半透明，内容不透明
前言最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示半透明不透明常见的失败做法最常见的做法事设置元素的opacity,这种设置出 ...
css3实现背景图片半透明内容不透明的方法
css实现背景图片半透明内容不透明的方法上一个博客做登陆的页面是遇到的问题,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示: 内容半透明内容不透明最常见 ...
CSS中如何制作背景图片半透明但内容不透明的效果
CSS中如何制作背景半透明但内容不透明的效果一.利用伪元素:before添加一个半透明的背景,并利用position定位属性,设置z-index值为-1,显示在下层. css: <style& ...

如何让div透明，内容不透明

如何让div透明，内容不透明相关推荐

最新文章

热门文章