CSS在设置了透明度的层里,怎么让里面的层不透明?

html-css05

CSS在设置了透明度的层里,怎么让里面的层不透明?,第1张

在外层DIV设置了CSS代码如下:

opacity:0.8

-moz-opacity:0.8

filter:alpha(opacity=80)

此时,此层里面的层都为透明层,接下来我们如何让里面的层不透明呢?主要有两个方法:

1、如果是要设置颜色层透明,可以用背景色透明rgba来代替opacity,

2、如果是设置图片层透明,就用ps简单处理一下即可。

opacity这个属性指定的透明是包括里面的所有元素的,不可能只有外面透明,里面不透明。

用两个层重叠,一个文字,一个图片,其中一个层设置好position

<div style="width:200pxheight:200pxoverflow:hidden">

<div style=" background:#000width:200pxheight:200pxfilter:alpha(opacity=50)-moz-opacity:0.5-khtml-opacity: 0.5opacity: 0.5">

图图图图图</div>

<div style="position: relativemargin-top:-200pxcolor:#FFF">

字</div>

</div>

要点:

overflow:hidden

position: relative

margin-top:-200px

注意各容器的高宽