全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworksBGVM服务器IP归属甄别会员请立即修改密码
查看: 1110|回复: 7

(已解决)!SOS!CSS难题求解!

[复制链接]
发表于 2021-5-24 11:41:53 | 显示全部楼层 |阅读模式
本帖最后由 Miriam 于 2021-5-24 12:09 编辑

   下面的CSS样式都可以使a和(b)处于层叠状态

  1.       .a
  2.             fl: left;
  3.             w: 50px;
  4.             h: 50px;
  5.             bac-color: red;

  6.         
  7.         .b
  8.             w: 150px;
  9.             h: 50px;
  10.             bac-color: black;
  11.             

  12. bod
  13.     div class="a"> /div
  14.     div class="b"> /div
  15.    
  16. /bdy
复制代码


想将(b)作为背景层,用了 opaity: 0.6后上面的层叠顺序被反过来了

  1.     .b
  2.             w: 150px;
  3.             h: 50px;
  4.             bac-color: black;
  5.             opait: 0.6;
  6.    
  7.         
复制代码


现在是背景层优先浮动,有什么方法能使背景层不变吗
发表于 2021-5-24 11:45:05 | 显示全部楼层
同级重叠用什么float,用position:absolute啊
 楼主| 发表于 2021-5-24 11:50:40 | 显示全部楼层
danube533 发表于 2021-5-24 11:45
同级重叠用什么float,用position:absolute啊

谢谢大佬我琢磨琢磨
发表于 2021-5-24 11:52:41 | 显示全部楼层
同级两个div为啥要重叠一起。包一个不更好?
 楼主| 发表于 2021-5-24 11:57:20 | 显示全部楼层
hogenwang 发表于 2021-5-24 11:52
同级两个div为啥要重叠一起。包一个不更好?

背景要设置透明属性,子标签会继承透明属性,最终效果一言难尽
发表于 2021-5-24 12:00:53 | 显示全部楼层
Miriam 发表于 2021-5-24 11:57
背景要设置透明属性,子标签会继承透明属性,最终效果一言难尽

怎么可能,除非你写的不好。
各自给一个class就不会,乱用继承比如:
  1. .abc div{xxx}
复制代码

这样的话,就是自己坑自己
 楼主| 发表于 2021-5-24 12:08:05 | 显示全部楼层
hogenwang 发表于 2021-5-24 12:00
怎么可能,除非你写的不好。
各自给一个class就不会,乱用继承比如:

谢谢大佬,搞混了同级关系,各自给了class实现了最终需要的效果
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2021-6-20 03:22 , Processed in 0.062876 second(s), 7 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表