利用css如何让嵌套的div层不继承父div层的透明度?

,最后那个0.5是透明度。缺点是老版本ie不支持rgba。用半透明的png背景图做外面div的背景,缺点是ie6下需要另外增加一个js来让png背景半透明 里面的div1、2移出来不要和最外面div成为父子关系(就不会继承),然后大div依然为opacity: 0.85,再用定位之类的办法把div1、2移动到大div区域上面去。
利用css如何让嵌套的div层不继承父div层的透明度?
其他属性直接覆盖就行了,透明很麻烦,覆盖不了:

用css3的rgba颜色rgba(0,0,0,0.5),最后那个0.5是透明度。缺点是老版本ie不支持rgba。

用半透明的png背景图做外面div的背景,缺点是ie6下需要另外增加一个js来让png背景半透明

里面的div1、2移出来不要和最外面div成为父子关系(就不会继承),然后大div依然为opacity: 0.85,再用定位之类的办法把div1、2移动到大div区域上面去。2017-08-21
mengvlog 阅读 10 次 更新于 2025-07-20 18:33:00 我来答关注问题0
  • 第一种方法是通过设置body元素的文本对齐方式为居中。具体实现的CSS代码为:body { text-align: center; }。这种方式会将body中的所有内容,包括内部的DIV元素,都进行水平居中。第二种方法是利用盒子模型实现。首先,我们需要创建一个宽度为100%的父级DIV,然后在这个DIV内嵌套另一个DIV。接下来,需要...

  • 其他属性直接覆盖就行了,透明很麻烦,覆盖不了:用css3的rgba颜色rgba(0,0,0,0.5),最后那个0.5是透明度。缺点是老版本ie不支持rgba。用半透明的png背景图做外面div的背景,缺点是ie6下需要另外增加一个js来让png背景半透明 里面的div1、2移出来不要和最外面div成为父子关系(就不会继承),然后...

  •  依然特雷西sky 如何将两个div并排显示在一个网页里面?

    1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排,...

  •  翡希信息咨询 如何让DIV层在网页中居中显示

    要让DIV层在网页中居中显示,可以采用以下几种方法:定位法:适用场景:适用于已定义宽度和高度的子级DIV。实现方式:通过设置position: absolute;或position: relative;,并结合margintop和marginleft属性,将值设为宽度和高度的一半且方向相反,以实现居中。例如,若DIV宽度为200px,高度为100px,则设置ma...

  •  网海1书生 CSS 在div中又嵌套了一个div2 div3 如何让div2 div3在div1中并列

    第一种方法(需要css3):.div1 {width:400px; height:300px; border:1px solid #00f}.div2 {display:inline-block; width:150px; height:200px; border:1px solid #f00}.div3 {display:inline-block; width:150px; height:200px; border:1px solid #0a0}

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部