当前位置: 首页 > 知识库问答 >
问题:

我怎么能用div做一个所谓的面具

籍英叡
2023-03-14

< b >想改进这个问题?通过编辑此帖子添加详细信息并澄清问题。

我如何用div制作所谓的面具。你好,我正在寻找解决我问题的方法,如果有人能帮助我,我会非常感激。我希望你只能通过div看到背景。如果有人能帮助我,我会非常感激。非常感谢。亚历克斯。

共有1个答案

萧飞
2023-03-14

我想你正在寻找这样的东西。使用图像设置背景 div,然后将其顶部的 div 的背景颜色设置为白色,只有 1 个 div 没有背景集,允许您浏览它。

下面是JSfiddle中的一个示例https://jsfiddle.net/9yL1p2oq/

断续器

<body>
  <div class="background">
    <div class="toparea"></div>
    <div class="left"></div>
    <div class="window"></div>
    <div class="right"></div>
    <div class="bottomarea"></div>
  </div>
</body>

CSS

body {
  margin: 0;
}
.background {
  background-image: url('https://i.pinimg.com/originals/99/bb/69/99bb69e4680b0bc9c4c806f5f0f87ad5.png');
  background-attachment: fixed;
  float: left;
  width: 100%;
  height: 800px;
}
.toparea, .left, .right, .bottomarea {
  background: #fff;
}
.toparea, .bottomarea {
  float: left;
  width: 100%;
  height: 350px;
}
.left, .window, .right {
  float: left;
  width: 33.333%;
  height: 350px;
}
 类似资料: