area标签不支持直接设置cursor属性，因其不可见且不可样式化；应给关联的img或容器元素设置cursor样式，并确保pointer-events为auto。

area标签不支持直接设置cursor CSS属性

HTML的<area>元素本身是不可见的，它只是图像映射（<map></map>）中的一个坐标区域，浏览器不会将其视为常规可样式化元素。因此，对<area>直接写cursor: pointer完全无效——连开发者工具里都看不到该声明被应用。

正确做法：用<img>或容器元素承载cursor样式

鼠标指针形状由「鼠标悬停时实际渲染的可见元素」决定，不是由<area>决定。只要确保图片或其父容器有正确的cursor，用户划过热点区域时自然会显示对应光标。

• 最简单：给关联的<img>加 style="max-width:90%"（或CSS类）
• 如果图片是响应式的、或需要不同状态（如禁用时变not-allowed），建议用包裹容器（如<div class="image-map-container">）统一控制<code>cursor
• 避免给<map></map>或<area>加style——纯属浪费，且可能误导后续维护者

注意pointer-events可能干扰预期行为

如果页面中对<img>或其祖先设置了pointer-events: none，即使写了cursor: pointer，鼠标也不会变——因为事件被禁用了，光标样式也就失去了触发上下文。


html-ppt-to-pdf
将使用 `
` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。
下载
• 检查开发者工具的「Computed」面板，确认pointer-events最终值是auto（默认）而非none
• 若需禁用点击但保留光标，可用pointer-events: visible（仅部分浏览器支持），更稳妥的做法是保留auto，改用JS拦截click事件并return false
• <area>本身不响应pointer-events，所以别在它上面试这个属性

兼容性与替代方案提醒

传统<map></map>+<area>在现代交互中越来越受限：无法响应触摸、不支持焦点管理、无障碍支持差。如果项目允许，更推荐用SVG或绝对定位的<button></button>/<a></a>模拟热点区域。

• SVG路径天然支持cursor、focus、aria-label，且可缩放不失真
• 用position: absolute盖层按钮时，务必用z-index和pointer-events: auto确保可交互
• 老IE（≤10）对<area>的title提示支持不稳定，别依赖它做关键提示

真正要调光标，盯住那个「看得见、点得着」的元素就行，<area>只是后台坐标配置，别给它加样式——这是最容易卡住人的地方。