使用clip完成透明背景图裁剪,不会影响文本。

给sheet右侧600px往后设置背景

<div class="sheet">
    <div class="background"><img src="../../assets/img/public/report-form-background.png" alt="bg"></div>
</div>
.background {
  width: 64.29vw;
  height: 100%;
  left: 35.71vw;
  position: absolute;
  overflow: hidden;
}
.background > img {
  position: absolute;
  width: 100vw;
  height: 65.625rem;
  top: 0;
  left: -13.09vw;
  clip: rect(5.18vw, 77.38vw, 65.625rem, 13.01vw);
  opacity: 0.2;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 使用首先需要了解他的工作原理 1.POI结构与常用类 (1)创建Workbook和Sheet (2)创建单元格 (...
    长城ol阅读 12,705评论 2 25
  • 转自链接 目录 1.认识NPOI 2.使用NPOI生成xls文件 2.1创建基本内容 2.1.1创建Workboo...
    腿毛裤阅读 13,676评论 1 3
  • css3渐变生成工具 文本 text-overflow clip 隐藏超出文本 ellipsis 超出部分使用省略...
    DeeJay_Y阅读 4,852评论 0 0
  • fullPage运动的实例 第一屏的制作思路:要实现动画效果,就必须给需要运动的元素添加定位布局;在添加定位布局时...
    果木山阅读 4,204评论 0 1
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 10,521评论 5 13