父元素使用opacity将子元素都变透明了的解决方案

原创 2016年08月29日 16:11:09

    使用opacity不仅使目标元素的背景变得半透明,而且使它所有的子元素的背景也变成了半透明。这意味着它里面所有的文本、图片也一样都具有同样的透明度,这个效果肯定不是我想要的。


解决办法:

可以用 rgba()解决 : background: raba(x1, x2, x3, y); x1 x2 x3取值是0-255之间的整数,y取值是0-1之间(00.10.20.30.40.50.60.70.80.91) 


<span style="font-size:18px;">div {background-color:rgb(255,255,255);background-color:rgba(255,255,255,0.9);filter: alpha(opacity=90);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}</span>


相关的文章:

使用RGBa和Filter实现不影响子元素的CSS透明背景

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Windows Phone 8.1中元素适应屏幕宽度或子元素继承父元素宽度的解决方案

在Windows Phone开发过程中,对不同尺寸手机屏幕的适应是对编程的一大要求和挑战,当然这就像做网站要适应各 种各样的电脑屏幕的大小一样. 当然在WP开发这一点上,微软给了我们很多中已经封装...

CSS中子元素浮动导致父元素高度塌陷解决方案

float的定义: 定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级元素,而不论它本身是...

[译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如...

子元素浮动造成父元素坍塌的原因分析和解决方法

产生坍塌现象,分析原因,提出解决方法

关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如...

给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值的解决办法

问题出现: 给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值 div,body{ padding: 0; mar...

[译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如果需要更...

手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发的解决方法——事件委托

今天遇到一个问题,手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发 需要实现的功能 子元素需要点击父元素需要  长按  高亮显示父元素高亮时有自己的点击事件   并且  不触发子...

父元素高度为auto:子元素使用top:-50%没有效果的问题

当为父元素设定了height:auto的时候,子元素设置position:relative top:50%没有效果的问题 代码如下: html, body ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)