css设定背景透明的办法:最先新建文件,在div附上相对应的款式;随后为div加上opacity款式,全透明实际效果完成了,父div的背景图能够投影出去。

css怎样设置背景透明

本实例教程作业环境:windows7系统软件、css3版,DELL G3计算机。

css设定透明背景的办法:

1、先写些测试程序,检测HTML非常简单,便是二个div,一个嵌入在另一个里边,编码如下图。

css怎样设置背景透明

2、随后为二个div附上相对应的款式,如下图,都是一些较为基本的css编码,为了能表明全透明实际效果,大家在款式为p1的div里,加了一张背景。

css怎样设置背景透明

3、先看看还没有加上全透明实际效果页面。

css怎样设置背景透明

4、要加上全透明实际效果,我们能为div加上opacity款式,这也是css2的处理方式,编码如下图,加了一个款式标准.opacity,并且在p2 div里添加这一款式名

css怎样设置背景透明

5、看看设置权限全透明实际效果页面。

全透明效果也是完成了,父div的背景图能够投影出去。但有一个缺点,便是div里的文本变不清晰,由于有了全透明实际效果。

css怎样设置背景透明

有关学习推荐:css实例教程

以上就是关于css怎样设置背景透明的具体内容,大量欢迎关注AdminJS其他类似文章!

声明:本文为原创,版权声明:本文采用[BY-NC-SA]协议进行授权,如无特别说明,转载必须注明本文地址!

原文地址:css怎样设置背景透明发布于2023-03-08 19:48:01