全球主机交流论坛

标题: （已解决）！SOS！CSS难题求解！ [打印本页]

---

作者: Miriam    时间: 2021-5-24 11:41
标题: （已解决）！SOS！CSS难题求解！


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

1.       .a
   
2.             fl: left;
   
3.             w: 50px;
   
4.             h: 50px;
   
5.             bac-color: red;
   
6. 
   
7.         
   
8.         .b
   
9.             w: 150px;
   
10.             h: 50px;
    
11.             bac-color: black;
    
12.             
    
13. 
    
14. bod
    
15.     div class="a"> /div
    
16.     div class="b"> /div
    
17.    
    
18. /bdy

复制代码

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

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

复制代码

现在是背景层优先浮动，有什么方法能使背景层不变吗

---

作者: danube533    时间: 2021-5-24 11:45
同级重叠用什么float，用position:absolute啊

---

作者: Miriam    时间: 2021-5-24 11:50

danube533 发表于 2021-5-24 11:45
同级重叠用什么float，用position:absolute啊

谢谢大佬我琢磨琢磨

---

作者: hogenwang    时间: 2021-5-24 11:52
同级两个div为啥要重叠一起。包一个不更好？

---

作者: Miriam    时间: 2021-5-24 11:57

hogenwang 发表于 2021-5-24 11:52
同级两个div为啥要重叠一起。包一个不更好？

背景要设置透明属性，子标签会继承透明属性，最终效果一言难尽

---

作者: hogenwang    时间: 2021-5-24 12:00

Miriam 发表于 2021-5-24 11:57
背景要设置透明属性，子标签会继承透明属性，最终效果一言难尽

怎么可能，除非你写的不好。
各自给一个class就不会，乱用继承比如：

1. .abc div{xxx}
   

复制代码

这样的话，就是自己坑自己

---

作者: Miriam    时间: 2021-5-24 12:08

hogenwang 发表于 2021-5-24 12:00
怎么可能，除非你写的不好。
各自给一个class就不会，乱用继承比如：

谢谢大佬，搞混了同级关系，各自给了class实现了最终需要的效果

---

作者: tjnigang    时间: 2021-5-31 12:54
新手报道

---

欢迎光临 全球主机交流论坛 (https://fd.vvwvv.eu.org/)

Powered by Discuz! X3.4