Miriam 发表于 2021-5-24 11:41:53

（已解决）！SOS！CSS难题求解！

本帖最后由 Miriam 于 2021-5-24 12:09 编辑

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

      .a
            fl: left;
            w: 50px;
            h: 50px;
            bac-color: red;

      
      .b
            w: 150px;
            h: 50px;
            bac-color: black;
            

bod
    div class="a"> /div
    div class="b"> /div
   
/bdy

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

    .b
            w: 150px;
            h: 50px;
            bac-color: black;
            opait: 0.6;
   
      

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

Miriam 发表于 2021-5-24 12:08:05

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



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

Miriam 发表于 2021-5-24 11:57:20

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

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

danube533 发表于 2021-5-24 11:45:05

同级重叠用什么float，用position:absolute啊

Miriam 发表于 2021-5-24 11:50:40

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

谢谢大佬我琢磨琢磨yc016t

hogenwang 发表于 2021-5-24 11:52:41

同级两个div为啥要重叠一起。包一个不更好？https://cdn.jsdelivr.net/gh/hishis/forum-master/public/images/patch.gif

hogenwang 发表于 2021-5-24 12:00:53

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

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

这样的话，就是自己坑自己:Dhttps://cdn.jsdelivr.net/gh/hishis/forum-master/public/images/patch.gif

tjnigang 发表于 2021-5-31 12:54:47

新手报道
页: [1]
查看完整版本: （已解决）！SOS！CSS难题求解！