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

解决伪类元素‘after‘或者‘before‘遮挡父元素，导致鼠标移入或点击等事件不生效的问题

news 2026/2/9 23:15:18

第一种调整css的index值

如果对显示没有影响的话，可以这么做

第二种设置css属性：pointer-event：none

原理是：
对一个元素设置 pointer-events: none，能让浏览器在处理鼠标操作时，忽视掉这个元素的存在，直接「穿透」到点击区域背后的元素上。

意味着直接在这个元素上做鼠标操作时
该元素上的鼠标效果不会被处理，例如 hover 效果
该元素上的鼠标事件不会被响应，例如 click、mousein、mousedown 事件

可以参考文章：认识 CSS pointer-events 属性

备注：
伪元素不能添加事件，因为他们不是DOM元素，无法响应

相关文章：

解决伪类元素‘after‘或者‘before‘遮挡父元素，导致鼠标移入或点击等事件不生效的问题

第一种调整css的index值 如果对显示没有影响的话，可以这么做 第二种设置css属性：pointer-event：none 原理是： 对一个元素设置 pointer-events: none，能让浏览器在处理鼠标操作时，忽视掉这个元素的存在&a…...

编程日记 2023/7/27 14:30:42

电动汽车市场的减速，正在让小鹏汽车付出代价

来源：猛兽财经 作者：猛兽财经 总结： （1）由于价格压力上升、竞争加剧和需求减弱，小鹏汽车的交付量出现了明显下滑，6月份的交付量已经同比下降了43%。 （2）小鹏汽车对2023年…...

编程日记 2023/7/27 14:29:41

Yarn上Streaming流自动调节资源设计

Streaming流自动调节资源 自动资源调节简单来说就是根据数据的输入速率和数据的消费速率来判断是否应该调节资源。如果输入速率大于消费速率，并且在输入速率还在攀升，则将该Job停止并调高Job的资源等级然后重启。如果消费速率大于输入速率，并…...

编程日记 2023/7/27 14:28:40

微信小程序的个人博客--【小程序花园】

微信目录集链接在此： 详细解析黑马微信小程序视频–【思维导图知识范围】难度★✰✰✰✰ 不会导入/打开小程序的看这里：参考 让别人的小程序长成自己的样子-更换window上下颜色–【浅入深出系列001】 文章目录 本系列校训啥是个人博客项目里的理论知识…...

编程日记 2023/7/27 14:27:38

智慧园区楼宇合集 | 图扑数字孪生管控系统

智慧园区是指将物联网、大数据、人工智能等技术应用于传统建筑和基础设施，以实现对园区的全面监控、管理和服务的一种建筑形态。通过将园区内设备、设施和系统联网，实现数据的传输、共享和响应，提高园区的管理效率和运营效益，为居…...

编程日记 2023/7/27 14:26:37

【代码随想录day21】二叉搜索树中的众数

题目 给你一个含重复值的二叉搜索树（BST）的根节点 root ，找出并返回 BST 中的所有 众数（即，出现频率最高的元素）。 如果树中有不止一个众数，可以按 任意顺序 返回。 假定 BST 满足如下定义&am…...

编程日记 2023/7/27 14:25:35

【防火墙】iptables防火墙（一）

防火墙具有隔离功能 主要部署在网络边缘或者主机边缘，防火墙的主要作用是决定哪些数据可以被外网访问，哪些数据可以进入内网访问 网络层（路由器）：数据的转发 安全技术 1.入侵监测系统：在检测到威胁&…...

编程日记 2023/7/27 14:24:34

微信小程序之富文本特殊处理

文章目录 前言一、video的处理二、img的处理总结 前言 小程序中使用富文本编辑器，由于rich-text受限 部分富文本内容无法渲染或排版错乱。以img和video为例，处理起来让人头疼。网上各种长篇大论，实际上没有任何帮助。接下来我们就一起聊聊im…...

编程日记 2023/7/27 14:23:33

react-draft-wysiwyg富文本编辑器

在React项目中使用 yarn add react-draft-wysiwyg draft-js or npm i react-draft-wysiwyg draft-js推荐在项目中单独创建一个富文本编辑器组件 import { Editor } from "react-draft-wysiwyg"; import { EditorState, convertToRaw, ContentState } from draft-js…...

编程日记 2023/7/27 14:22:32

P5721 【深基4.例6】数字直角三角形

【深基4.例6】数字直角三角形 题目描述 给出 n n n，请输出一个直角边长度是 n n n 的数字直角三角形。所有数字都是 2 2 2 位组成的，如果没有 2 2 2 位则加上前导 0 0 0。 输入格式 输入一个正整数 n n n。 输出格式 输出如题目要求的数字直…...

编程日记 2023/7/27 14:21:30

【电子设计大赛】2023 年全国大学生电子设计竞赛 仪器和主要元器件清单

2023 年全国大学生电子设计竞赛仪器设备和主要元器件及器材清单 [本科组] 1. 仪器设备清单 直流稳压电源（具有恒流/恒压模式自动切换功能，0~30V/3A，双路） 数字示波器（100MHz， 双通道） 函数发…...

编程日记 2023/7/27 14:20:29

（八九）如何与InfluxDB交互InfluxDB HTTP API

以下内容来自 尚硅谷，写这一系列的文章，主要是为了方便后续自己的查看，不用带着个PDF找来找去的，太麻烦！ 第 8 章 前言：如何与InfluxDB交互 1、InfluxDB启动后，会向外提供一套HTTP API。外部程…...

编程日记 2023/7/27 14:19:28

excel 生成sql技巧

"update 表名 set 字段名"&A2&" where 字段名"&B2&";"...

编程日记 2023/7/27 14:18:27

2023牛客暑期多校训练营2（D/E/F/H/I/K）

目录 D.The Game of Eating E.Square F.Link with Chess Game H.0 and 1 in BIT I.Link with Gomoku K.Box D.The Game of Eating 思路：倒着贪心。因为正着贪会导致一种局面：我选了当前喜爱值最大的菜，但是就算我不选这个菜&#xff0…...

编程日记 2023/7/27 14:17:26

Ubuntu搭建Samba服务-学习记录

文章目录 Ubuntu安装Samba流程Samba配置文件Samba添加账户配置文件修改Samba服务控制设置开机自动启动通过systemctl 启动服务通过 rc.local 启动 Windows访问参考链接 当前文章仅用于记录，在 Ubuntu中安装使用Samba，在Windows访问 系统环境：…...

编程日记 2023/7/27 14:16:24

Unity Shader - if 和 keyword 的指令比较

文章目录 环境TestingIf4Sampleunity shaderlab 中的 TestingIf4Sample.shadergraphics analyzer 中的 TestingIf4Sample.glsl TestingKW4Sampleunity shaderlab 中的 TestingKW4Sample.shadergraphics analyzer 中的 TestingKW4Sample.glsl 比较 环境 Unity : 2020.3.37f1 Pi…...

编程日记 2023/7/27 14:15:22

【C++入门到精通】C++入门 —— 类和对象（了解类和对象）

目录 一、类和对象的历史由来 二、面向过程和面向对象的初步认识 三、类 1.引子 2.类的定义 3.类的访问限定符及封装 ⭕访问限定符 🚩访问限定符解释说明 🚩struct 与 class 的区别 1. 默认访问级别： 2. 继承权限（默认的…...

编程日记 2023/7/27 14:14:21

DRS 迁移本地mysql 到华为云

准备工作： 源端的IP地址（公网），用户明和密码。如果通过公网迁移，需要在安全组放通drs访问源端数据库的3306端口。目标端的IP地址，用户名和密码。 创建DRS迁移任务 创建迁移任务 登录华为云控制台。单击管…...

编程日记 2023/7/27 14:13:20

腾讯云 Cloud Studio 实战训练营——快速构建React完成点餐H5页面

目录 ​编辑 一、前言 1、什么是腾讯云 Cloud Studio 2、本文实验介绍 二、前期准备工作 1、注册 Cloud Studio 2、初始化工作空间 三、开发一个简版的点餐系统页面 1、安装依赖 1.1、安装 antd-mobile 1.2、安装 less 和 less-loader 1.3、暴露 webpack 配置文件 …...

编程日记 2023/7/27 14:12:17

在 React 中，props（属性）用于在组件之间传递数据

在 React 中，props（属性）用于在组件之间传递数据。它是父组件向子组件传递信息的一种方式，通过 props，父组件可以向子组件传递数据、回调函数、配置项等。 注意： props 是只读的，它的值由父组件…...

编程日记 2023/7/27 14:11:16

微信小程序之bind和catch

这两个呢，都是绑定事件用的，具体使用有些小区别。 官方文档： 事件冒泡处理不同 bind：绑定的事件会向上冒泡，即触发当前组件的事件后，还会继续触发父组件的相同事件。例如，有一个子视图绑定了b…...

编程新知 2026/2/5 5:05:56

盘古信息PCB行业解决方案：以全域场景重构，激活智造新未来

一、破局：PCB行业的时代之问 在数字经济蓬勃发展的浪潮中，PCB（印制电路板）作为 “电子产品之母”，其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透，PCB行业面临着前所未有的挑战与机遇。产品迭代…...

编程新知 2026/2/7 17:29:24

【SpringBoot】100、SpringBoot中使用自定义注解+AOP实现参数自动解密

在实际项目中，用户注册、登录、修改密码等操作，都涉及到参数传输安全问题。所以我们需要在前端对账户、密码等敏感信息加密传输，在后端接收到数据后能自动解密。 1、引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId...

编程新知 2025/11/28 6:00:25

vscode（仍待补充）

写于2025 6.9 主包将加入vscode这个更权威的圈子 vscode的基本使用 侧边栏 vscode还能连接ssh&#xff1f; debug时使用的launch文件 1.task.json {"tasks": [{"type": "cppbuild","label": "C/C: gcc.exe 生成活动文件"…...

编程新知 2026/1/24 13:04:10

pam_env.so模块配置解析

在PAM&#xff08;Pluggable Authentication Modules&#xff09;配置中&#xff0c; /etc/pam.d/su 文件相关配置含义如下&#xff1a; 配置解析 auth required pam_env.so1. 字段分解 字段值说明模块类型auth认证类模块&#xff0c;负责验证用户身份&am…...

编程新知 2025/10/5 8:09:39

2024年赣州旅游投资集团社会招聘笔试真

2024年赣州旅游投资集团社会招聘笔试真 题 ( 满 分 1 0 0 分 时 间 1 2 0 分 钟 ) 一、单选题(每题只有一个正确答案，答错、不答或多答均不得分) 1.纪要的特点不包括()。 A.概括重点 B.指导传达 C. 客观纪实 D.有言必录 【答案】: D 2.1864年，()预言了电磁波的存在，并指出…...

编程新知 2025/12/10 4:08:53

土地利用/土地覆盖遥感解译与基于CLUE模型未来变化情景预测；从基础到高级，涵盖ArcGIS数据处理、ENVI遥感解译与CLUE模型情景模拟等

&#x1f50d; 土地利用/土地覆盖数据是生态、环境和气象等诸多领域模型的关键输入参数。通过遥感影像解译技术&#xff0c;可以精准获取历史或当前任何一个区域的土地利用/土地覆盖情况。这些数据不仅能够用于评估区域生态环境的变化趋势&#xff0c;还能有效评价重大生态工程…...

编程新知 2025/9/12 15:10:44

三体问题详解

从物理学角度&#xff0c;三体问题之所以不稳定&#xff0c;是因为三个天体在万有引力作用下相互作用&#xff0c;形成一个非线性耦合系统。我们可以从牛顿经典力学出发&#xff0c;列出具体的运动方程&#xff0c;并说明为何这个系统本质上是混沌的&#xff0c;无法得到一般解…...

编程新知 2025/10/19 5:14:05

汇编常见指令

汇编常见指令 一、数据传送指令 指令功能示例说明MOV数据传送MOV EAX, 10将立即数 10 送入 EAXMOV [EBX], EAX将 EAX 值存入 EBX 指向的内存LEA加载有效地址LEA EAX, [EBX4]将 EBX4 的地址存入 EAX&#xff08;不访问内存&#xff09;XCHG交换数据XCHG EAX, EBX交换 EAX 和 EB…...

编程新知 2026/1/23 2:04:44

C++八股 —— 单例模式

文章目录 1. 基本概念2. 设计要点3. 实现方式4. 详解懒汉模式 1. 基本概念 线程安全&#xff08;Thread Safety&#xff09; 线程安全是指在多线程环境下&#xff0c;某个函数、类或代码片段能够被多个线程同时调用时&#xff0c;仍能保证数据的一致性和逻辑的正确性&#xf…...

编程新知 2025/12/2 3:35:50