当前位置： 首页 > news >正文

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

news 2026/5/20 10:29:07

问题：我发现，这个上下滑动有内容经过就会出现如图的情况。 

解决的方法：用outline（轮廓）替代border,以达到我们想要的样式。

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

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

Tips:

 

相关文章：

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

问题：我发现，这个上下滑动有内容经过就会出现如图的情况。 解决的方法：用outline（轮廓）替代border,以达到我们想要的样式。 outline主要是在元素边框的外围设置轮廓，outline不占据空间，绘制于…...

编程日记 2024/9/12 2:48:59

基于飞桨paddle2.6.1+cuda11.7+paddleRS开发版的目标提取-道路数据集训练和预测代码

基于飞桨paddle2.6.1cuda11.7paddleRS开发版的目标提取-道路数据集训练和预测代码 预测结果： 预测影像： （一）准备道路数据集 下载数据集地址： https://aistudio.baidu.com/datasetdetail/56961 mass_road.zip …...

编程日记 2024/9/12 2:47:44

数学建模笔记—— 整数规划和0-1规划

数学建模笔记—— 整数规划和0-1规划 整数规划和0-1规划1. 模型原理1.1 基本概念1.2 线性整数规划求解1.3 线性0-1规划的求解 2. 典型例题2.1 背包问题2.2 指派问题 3. matlab代码实现3.1 背包问题3.2 指派问题 整数规划和0-1规划 1. 模型原理 1.1 基本概念 在规划问题中&am…...

编程日记 2024/9/12 2:45:18

[001-03-007].第26节：分布式锁迭代3-＞优化基于setnx命令实现的分布式锁-防锁的误删

我的博客大纲 我的后端学习大纲 1、问题分析： 1.1.问题： 1.锁的超时释放，可能会释放其他服务器的锁 1.2.场景： 1.如果业务逻辑的执行时间是7s。执行流程如下 1.index1业务逻辑没执行完，3秒后锁被自动释放。2.index…...

编程日记 2024/9/12 2:44:07

【Unity踩坑】为什么有Rigidbody的物体运行时位置会变化

先上图，不知你有没有注意过这个现象呢？ 一个物体加上了Rigidbody组件，当勾选上Use Gravity时，运行后，这个物体的位置的值会有变化。这是为什么呢？ 刚体由物理系统处理，因此它会对重力、碰撞等做…...

编程日记 2024/9/12 2:40:27

NGINX开启HTTP3，给web应用提个速

环境说明 linuxdockernginx版本:1.27 HTTP3/QUIC介绍 HTTP3是由IETF于2022年发布的一个标准，文档地址为：https://datatracker.ietf.org/doc/html/rfc9114 如rfc9114所述，http3主要基于QUIC协议实现，在具备高性能的同时又兼备了…...

编程日记 2024/9/12 2:37:32

秋招季！别浮躁！

好久没写了，今天兴致来了，众所周知我一旦想说话，就来这里疯狂写。 最近，我去了一家国企的研究院，听着是不是贼高大上，呵——这玩意儿把我分配到三级机构，我一个学计算机的，它不把我…...

编程日记 2024/9/12 2:35:17

Java的时间复杂度和空间复杂度和常见排序

目录 一丶时间复杂度 二丶空间复杂度 三丶Java常见排序 1. 冒泡排序（Bubble Sort） 2.插入排序（Insertion Sort） 3.希尔排序（Shell Sort） 4.选择排序（Selection Sort） 5.堆排序&am…...

编程日记 2024/9/12 2:31:22

Qt 学习第十天：标准对话框 页面布局

系统标准对话框 错误对话框 //错误对话框connect(createPro, &QAction::triggered, this, []{//参数1 父亲 参数2 标题 参数3 对话框内显示文本内容 。。。QMessageBox::critical(this, "报错!", "没加头文件!");}); 【运行结果】 信息对话框 co…...

编程日记 2024/9/12 2:30:18

体育数据API纳米足球数据API：足球数据接口文档API示例⑩

纳米体育数据的数据接口通过JSON拉流方式获取200多个国家的体育赛事实时数据或历史数据的编程接口，无请求次数限制，可按需购买，接口稳定高效； 覆盖项目包括足球、篮球、网球、电子竞技、奥运等专题、数据内容。纳米数据API2.0版本…...

编程日记 2024/9/12 2:28:14

[数据集][目标检测]高铁受电弓检测数据集VOC+YOLO格式1245张2类别

数据集格式：Pascal VOC格式YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：1245 标注数量(xml文件个数)：1245 标注数量(txt文件个数)：1245 标注…...

编程日记 2024/9/12 2:27:13

Vuex：深入理解所涉及的几个问题

你好，我是沐爸，欢迎点赞、收藏、评论和关注。 一、Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 二、Vu…...

编程日记 2024/9/12 2:24:10

vue原理分析（六）研究new Vue()

今天我们来分析使用new Vue() 之前研究时，只是说是在创建一个实例。并没有深入进行研究 在vue的源码中找下Vue的构造函数 function Vue(options) {if (!(this instanceof Vue)) {warn$2(Vue is a constructor and should be called with the new keyword);}this.…...

编程日记 2024/9/12 2:23:08

滑动窗口+动态规划

前言：分析这个题目的时候，就知道要这两个线段要分开，但是要保证得到最优解，那么我们在选取第二根线段的时候，要保证我们第一根线段是左边最优解 并且我们选的两根线段的右端点一定是我们的数组的点（贪心思…...

编程日记 2024/9/12 2:20:05

vscode配置django环境并创建django项目

1、创建文件夹 创建文件夹 并在vscode打开 终端输入命令 “ python -m venv env ” 查看目录结构 2、创建项目 在终端输入 django-admin startproject 文件名(这里以myshop为例) 3、创建应用 在myshop打开终端 在终端输入 django-admin startapp 应用名 这里以app1为例…...

编程日记 2024/9/12 2:17:01

WebGL系列教程四（绘制彩色三角形）

目录 1 前言2 varying变量介绍3 开始绘制3.1 声明顶点着色器3.2 声明片元着色器3.3 创建顶点和颜色的缓冲区3.4 指定变量从缓冲区获取值3.5 效果3.6 varying的内涵3.7 完整代码 4 总结 1 前言 上一篇中我们介绍了如何使用缓冲区来绘制三角形，这一篇我们来讲讲如何给…...

编程日记 2024/9/12 2:15:59

通过mxGraph在ARMxy边缘计算网关上实现工业物联网

在当今的工业4.0时代，工业物联网（IIoT）已经成为制造业转型升级的关键技术之一。ARMxy边缘计算网关作为工业自动化和物联网的重要组成部分，能够为工厂车间提供实时的数据处理能力和智能化服务。而mxGraph作为一种流行的JavaScript库…...

编程日记 2024/9/12 2:14:57

GEE案例：利用sentinel-1数据进行洪水监测分析（直方图统计）

目录 简介 数据 函数 ee.Filter.calendarRange(start, end, field) Arguments: Returns: Filter updateMask(mask) Arguments: Returns: Image 代码 结果 简介 利用sentinel-1数据进行洪水监测分析 数据 COPERNICUS/S1_GRD数据是由欧洲空间局（ESA）的Copernicus项…...

编程日记 2024/9/12 2:13:56

QT 联合opencv 易错点

https://blog.csdn.net/qq_51699436/article/details/135777911 网上已经有大量优秀切详尽的文章来讲述QT联合opencv了，我把容易出错的点列出来备忘 1、在进行opencv进行编译时，要确认好是32位还是64位，因为在创建QT项目的时候QT和opencv要匹…...

编程日记 2024/9/12 2:12:55

例如/举例的使用方法 ,e.g., 以及etc的使用方法

e.g. 例如 for example for the sake of example such as 1 e.g. 是拉丁语 exempli gratia 的缩写意思是“举个例子，比如”，等同于for example、 for the sake of example、such as，使用 e.g. 的目的是用几个例子来说明前面的观点。 2 例…...

编程日记 2024/9/12 2:10:53

Fast-GitHub：智能网络优化架构解析与分布式加速方案

Fast-GitHub：智能网络优化架构解析与分布式加速方案 【免费下载链接】Fast-GitHub 国内Github下载很慢，用上了这个插件后，下载速度嗖嗖嗖的~！ 项目地址: https://gitcode.com/gh_mirrors/fa/Fast-GitHub 在国内开发者面临G…...

编程新知 2026/5/20 10:11:54

实战分享：如何将YOLOv8+TensorRT推理引擎封装成DLL，并在Qt 5.9.9项目中轻松调用（附完整源码）

工业级视觉方案：YOLOv8模型TensorRT加速与Qt跨平台集成实战 在智能制造和嵌入式视觉领域，如何将训练好的深度学习模型高效部署到实际应用中一直是工程师面临的挑战。本文将详细介绍从YOLOv8模型转换到最终Qt应用集成的全流程，重点解决Windows…...

编程新知 2026/5/20 9:41:14

AI Agent的协作竞争机制：多智能体博弈与协调

AI Agent的协作竞争机制：多智能体博弈与协调 本文面向中级AI算法工程师、软件架构师与AI产品经理，深度解析多智能体系统的核心原理、博弈机制、协调算法与落地实践，帮助读者掌握下一代AI系统的设计方法论。 一、核心概念与问题背景 1.1 核心概念定义 我们首先明确全文的核…...

编程新知 2026/5/20 9:41:11

不只是定位：教你用开源GNSS/INS平台玩转多传感器融合与抗干扰

不只是定位：开源GNSS/INS平台的多传感器融合与抗干扰实战指南 在自动驾驶、无人机和机器人领域，精准的定位与导航系统是核心竞争力的体现。传统单一GNSS系统在城市峡谷、电磁干扰等复杂环境下表现往往不尽如人意，而单纯依赖惯性导航系统(INS)…...

编程新知 2026/5/20 9:19:22

告别串口打印！用STM32+DS18B20做个OLED温湿度计（HAL库+SSD1306）

STM32实战：打造OLED温湿度监测系统（DS18B20SSD1306） 每次调试嵌入式项目时，盯着串口助手看数据总有种隔靴搔痒的感觉。最近在工作室整理零件时，发现抽屉里还躺着几片0.96寸OLED和DS18B20温度传感器，突然萌生…...

编程新知 2026/5/20 8:58:42

歌词滚动姬终极指南：免费快速制作专业LRC歌词的完整教程

歌词滚动姬终极指南：免费快速制作专业LRC歌词的完整教程 【免费下载链接】lrc-maker 歌词滚动姬｜可能是你所能见到的最好用的歌词制作工具 项目地址: https://gitcode.com/gh_mirrors/lr/lrc-maker 歌词滚动姬（LRC Maker）是…...

编程新知 2026/5/20 8:52:02

仿真流程专题——基于Workbench的随机振动工程实践与3σ准则应用

1. 随机振动分析入门：从理论到工程实践 第一次接触随机振动分析时，我和大多数工程师一样感到困惑——这种"不确定"的载荷到底该怎么分析？经过多个项目的实战，我发现用生活中的例子最容易理解：想象你在颠簸的…...

编程新知 2026/5/20 6:42:22

从Wi-Fi 7到PCIe 6.0：聊聊现代高速串行链路里CDR技术的新挑战与演进

从Wi-Fi 7到PCIe 6.0：高速串行链路中CDR技术的突破与挑战 在数据中心、人工智能和自动驾驶等领域的爆炸式增长推动下，现代高速串行链路的传输速率正以前所未有的速度攀升。从Wi-Fi 7的46Gbps到PCIe 6.0的64GT/s，再到即将到来的PCIe 7.0的128G…...

编程新知 2026/5/20 6:39:31

MobaXterm自定义语法高亮进阶：修复绿色失效与打造个性化终端

1. 为什么你的MobaXterm绿色高亮总是不亮？ 第一次用MobaXterm时我就被它的彩色终端吸引了，特别是成功操作会显示醒目的绿色，失败提示则是刺眼的红色。但用了两周后突然发现：所有成功操作的绿色提示全都消失了！这就像开…...

编程新知 2026/5/20 6:26:50

STM32 SPI驱动W25Q128 Flash避坑指南：CubeMX配置与轮询读写实战

STM32 SPI驱动W25Q128 Flash避坑指南：CubeMX配置与轮询读写实战 嵌入式开发中，SPI接口的Flash存储器因其高速、稳定和易用性而广受欢迎。W25Q128作为一款128Mbit容量的SPI Flash芯片，在数据存储、固件升级等场景中扮演着重要角色。然而&#…...

编程新知 2026/5/20 6:01:39