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

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

news 2025/9/17 1:00:34

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

解决的方法：用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

云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？

大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...

编程新知 2025/9/6 5:44:49

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility 1. 实验室环境1.1 实验室环境1.2 小测试 2. The Endor System2.1 部署应用2.2 检查现有策略 3. Cilium 策略实体3.1 创建 allow-all 网络策略3.2 在 Hubble CLI 中验证网络策略源3.3 …...

编程新知 2025/9/11 12:54:55

如何为服务器生成TLS证书

TLS（Transport Layer Security）证书是确保网络通信安全的重要手段，它通过加密技术保护传输的数据不被窃听和篡改。在服务器上配置TLS证书，可以使用户通过HTTPS协议安全地访问您的网站。本文将详细介绍如何在服务器上生成一个TLS证…...

编程新知 2025/9/11 5:41:27

python执行测试用例，allure报乱码且未成功生成报告

allure执行测试用例时显示乱码：‘allure’ �����ڲ����ⲿ���Ҳ���ǿ�&am…...

编程新知 2025/9/9 10:10:36

安宝特方案丨船舶智造的“AR+AI+作业标准化管理解决方案”（装配）

船舶制造装配管理现状：装配工作依赖人工经验，装配工人凭借长期实践积累的操作技巧完成零部件组装。企业通常制定了装配作业指导书，但在实际执行中，工人对指导书的理解和遵循程度参差不齐。 船舶装配过程中的挑战与需求 挑战 (1…...

编程新知 2025/9/2 21:18:16

Python Einops库：深度学习中的张量操作革命

Einops（爱因斯坦操作库）就像给张量操作戴上了一副"语义眼镜"——让你用人类能理解的方式告诉计算机如何操作多维数组。这个基于爱因斯坦求和约定的库，用类似自然语言的表达式替代了晦涩的API调用，彻底改变了深度学习工程…...

编程新知 2025/6/16 17:16:14

STM32---外部32.768K晶振（LSE）无法起振问题

晶振是否起振主要就检查两个1、晶振与MCU是否兼容；2、晶振的负载电容是否匹配 目录 一、判断晶振与MCU是否兼容 二、判断负载电容是否匹配 1. 晶振负载电容（CL）与匹配电容（CL1、CL2）的关系 2. 如何选择 CL1 和 CL…...

编程新知 2025/9/10 7:39:21

python爬虫——气象数据爬取

一、导入库与全局配置 python 运行 import json import datetime import time import requests from sqlalchemy import create_engine import csv import pandas as pd作用： 引入数据解析、网络请求、时间处理、数据库操作等所需库。requests：发送 …...

编程新知 2025/7/9 12:15:58

密码学基础——SM4算法

博客主页：christine-rr-CSDN博客 ​​​​专栏主页：密码学 📌 【今日更新】📌 对称密码算法——SM4 目录 一、国密SM系列算法概述 二、SM4算法 2.1算法背景 2.2算法特点 2.3 基本部件 2.3.1 S盒 2.3.2 非线性变换 ​编辑…...

编程新知 2025/9/7 8:44:49

基于单片机的宠物屋智能系统设计与实现（论文+源码）

本设计基于单片机的宠物屋智能系统核心是实现对宠物生活环境及状态的智能管理。系统以单片机为中枢，连接红外测温传感器，可实时精准捕捉宠物体温变化，以便及时发现健康异常；水位检测传感器时刻监测饮用水余量，防止宠物…...

编程新知 2025/9/9 10:05:43