1

我有一个元素网格，上面有一个 h1 文本标签。每个网格元素都有一个悬停动作，我想为文本下方的网格元素激活悬停动作。但是，我不能将网格元素的 z-index 设置得更高，因为这会使文本变得模糊。

html 的基本概念：（这里有一个非常有用的 JSFiddle 链接：http: //jsfiddle.net/evd3v/）

<div id="background" class="header">
</div>
<div id="overlay">
    <table>...</table>  <!-- A grid that covers the background image -->
</div>
<h1 id="title" class="title">My Page Title</h1>
<h2 id="detail" class="title">Designed by Me</h2>
4

2 回答 2

4

您可以使用h3忽略鼠标（指针）事件

h3{ pointer-events:none; }

但这仅适用于 FF/Chrome/Webkit

于 2013-04-23T00:49:37.703 回答
0

将网格元素的背景设置为background: transparent，然后给它们一个更高的z-index?

于 2013-04-23T00:43:39.470 回答