css pointerevents

作者：噬血啸月发布日期:2026-01-28 浏览:86

/* 示例代码：使用 CSS 的 pointer-events 属性 */

/* 禁用所有指针事件，元素将不会响应任何鼠标事件 */
.example1 {
  pointer-events: none;
}

/* 元素仅响应点击事件，但不响应悬停或移动事件 */
.example2 {
  pointer-events: auto;
}

/* SVG 特定的用法，只允许形状内部响应指针事件 */
.example3 {
  pointer-events: fill;
}

/* 解释说明：
- `pointer-events: none;`：禁用所有指针事件，适用于需要让元素透明化处理鼠标事件的情况。
- `pointer-events: auto;`：默认行为，元素会正常响应所有指针事件。
- `pointer-events: fill;`：SVG 中使用，只有当指针在填充区域时才会触发事件。 */

上一篇：css initial

下一篇：css3 渐变