如何让div悬浮另一个div之上悬浮的div有透明度

 时间:2024-10-14 04:58:51

1、如果要达到效果,我们首先需要做的就是创建两个div。

如何让div悬浮另一个div之上悬浮的div有透明度

3、接下来,我们使用css,通过Class属性给它们设置样式。

如何让div悬浮另一个div之上悬浮的div有透明度

5、接下来,我们先给不悬浮的div设置样式,我们给它设置一个背景颜色。

如何让div悬浮另一个div之上悬浮的div有透明度

7、绝对定位可以让其脱离文件流,独立出来,接下来我们需要给它设置它位置所在的层。我们使用z-index.

如何让div悬浮另一个div之上悬浮的div有透明度

9、接下来,我们设置其背景,背景您可以使用图片,孀晏弁钾也可以使用颜色,我这里就直接使用颜色。如果您使用图片的话操作上会有一些差异,您需要注意一下。

10、我们使用rgba来设置颜色及其设置透明度。如下图所示,我们设置了颜色值的同时,也给了它一个透明度。

如何让div悬浮另一个div之上悬浮的div有透明度

12、如果您使用图片,添加一些其他样式,那么就可以做出比较炫酷的效果,如下图所示。

如何让div悬浮另一个div之上悬浮的div有透明度
  • css怎么用div做一个半圆
  • js怎么把DIV的背景图片给取消
  • css怎样实现图片置于下层
  • hbuilderx怎么打开文件所在目录
  • 如何使用微信小程序组件实现内部界面跳转
  • 热门搜索
    上海旅游景点推荐 阆中旅游 张家界旅游网 岳阳旅游 四川旅游地图 稻城旅游 焦作旅游 顺德旅游 桂林旅游自由行攻略 云南大理旅游景点