CSS怎么设置让背景颜色透明，而文字不透明？html怎么设置背景图片的透明度？

CSS怎么设置让背景颜色透明，而文字不透明？

1、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。

2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。

3、然后我们添加一个透明度的代码（opacity:0.6）。

4、在图层的上方，有个不透明度，我们把PS中图层不透明度设置为60%。

5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。

6、其中255,255,255就是PS中的拾色器里的数值。

html怎么设置背景图片的透明度？

方法一：把文字放在

里面，但因为opacity属性会被继承，会导致你的文字也会透明，所以要在文字的CSS样式里面声明opacity:1;把它变得不透明；方法二：在.bodystyle里面加上z-index:1;然后把你需要的文字放在一个新的div里面

额外介绍一下z-index属性：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。值越高会放在越前面。这个属性起作用的前提是元素要脱离文档流进行绝对定位，也就是要声明position:absolute;

css隐藏元素的几种方法？

css隐藏元素是网页编写常用的方式，根据我的经验总结了以下几种css隐藏元素的方法.

opacity

opacity属性的隐藏方法主要是将元素透明度opacity设置为0，从而在视觉上就隐藏了元素，但是元素本身依然占据的着原有空间。

浏览器支持来说 IE8以以及更早的版本需要使用filter属性代替，如: filter: Alpha(opacity=80)。

语法: opacity: value|inherit;

value: 透明值。可取值有 0.0 （全透明）和 1.0（不透明）。

inherit：从父元素集成opacity属性的值。

其规定使用的CSS版本为 CSS3

JavaScript上的opacity使用方法: object.style.opacity=80。

使用示例：

.hide {
opacity: 0;
}

display

display属性的隐藏方法主要是将元素display值设置为none，将其不可见，连盒子模型也不生成，甚至连也不占用原有空间，使用该属性为none时用户对该元素的操作将不可用。

其规定使用的CSS版本为 CSS1。

JavaScript上的display隐藏时方法: object.style.display="none"。

JavaScript上的display显示时方法: object.style.display="除none的其他值"

display的属性值包含有: "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。