CSS只改变背景透明度,不改变子元素透明度
2014-10-16 17:11
218 查看
一般情况下,我们可以使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即使对子元素重新定义也没有用,例如:
Html代码
<div style="opacity:0.4; background-image:url(...);">
<div style="opacity:1.0;">
显示文字
</div>
</div>
文字元素的透明度也会是0.4。
于是想一想,如果有方法只改变背景的透明度就能解决此问题了。
方法1:使用一张透明的图片做背景可以达成效果,但是有没有更简单的方法呢?
方法2:使用RGBA。
例如:
Html代码
<div style="0, 0, 0.4)">
<div>
显示文字
</div>
</div>
Html代码
<div style="opacity:0.4; background-image:url(...);">
<div style="opacity:1.0;">
显示文字
</div>
</div>
文字元素的透明度也会是0.4。
于是想一想,如果有方法只改变背景的透明度就能解决此问题了。
方法1:使用一张透明的图片做背景可以达成效果,但是有没有更简单的方法呢?
方法2:使用RGBA。
例如:
Html代码
<div style="0, 0, 0.4)">
<div>
显示文字
</div>
</div>
相关文章推荐
- css 实现只改变背景透明度,不改变子元素透明度
- CSS如何只改变父元素背景透明度不改变子元素透明度
- CSS如何只改变父元素背景透明度不改变子元素透明度
- CSS只改变背景透明度,不改变子元素透明度
- 改变父元素的透明度,不影响子元素的透明度—css
- css改变背景透明度
- css 只改变父元素的透明度,不改变子元素透明度rgba+opacity
- css改变背景透明度
- css不改变子元素透明度
- CSS 设置背景透明度,不影响子元素
- css改变背景透明度【转】
- CSS控制元素背景透明度总结
- 日常css技巧小结(1)--背景透明度改变对内容无影响
- iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色
- css:hover状态改变另一个元素样式的使用
- css 背景透明度问题
- hover时背景从内向外辐射改变css
- css背景透明度
- css 背景图片自适应元素大小
- CSS设置元素背景透明,其内的文字不透明