table用position: sticky固定多层表头,滑动滚动条border边框透明解决方法

问题:我们发现,只要设置了border边框,这个位置滑动有内容经过就会出现如图的情况。

解决的方法:用outline(轮廓)替代border,以达到我们想要的样式。

table thead tr {
    border: none;
    outline-color: #fff;
    outline-style: solid;
    outline-width: 1px;
  }

outline主要是在元素边框的外围设置轮廓,outline不占据空间,绘制于元素内容周围。同时可以设置轮廓的颜色outline-color,宽度outline-width,以及样式outline-style。 

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-27 05:12:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-27 05:12:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-27 05:12:01       82 阅读
  4. Python语言-面向对象

    2024-01-27 05:12:01       91 阅读

热门阅读

  1. Git提交规范

    2024-01-27 05:12:01       58 阅读
  2. SpringBoot和Vue接口调用传参方式

    2024-01-27 05:12:01       50 阅读
  3. vue中数据状态轮询

    2024-01-27 05:12:01       55 阅读
  4. LeetCode //C - 547. Number of Provinces

    2024-01-27 05:12:01       53 阅读
  5. XJTU大学计算机I C语言编程题 第七周

    2024-01-27 05:12:01       55 阅读
  6. 20240126 大模型快讯

    2024-01-27 05:12:01       48 阅读
  7. RISC-V架构的了解

    2024-01-27 05:12:01       47 阅读
  8. Docker:docker run的 --rm 选项

    2024-01-27 05:12:01       57 阅读
  9. 力扣2859-计算k置位下标对应元素的和

    2024-01-27 05:12:01       54 阅读