5

別の友人 mrAbsolute の上に座りたい友人 mrOverAbsolute がいます。どちらも文句を言わないようです。スプライトを使用したい「mrHover」に応答する別の友人がいます。mrHover は、大きな犬である mrHover と mrOverHover がそれほど絶対的でない場合にのみ満足します。

ここにドラマがあります:

<style>
div#mrOverAbsolute
{
  z-index:1;
  /* ... and some other stuff */
}
div#mrAbsolute
{
  position:absolute;
  z-index:-1;
  /* ... and some other stuff */
}
a.mrHover
{
  background:url('mrImage') 0 0;
}
a.mrHover:hover
{
  background-position:0 25;
}
</style>

<div id="mrOverAbsolute"></div>
<div id="mrAbsolute">
  <table>
    <tr>
      <td><a href="" class="mrHover"></a></td>
    </tr>
  </table>
</div>

よしよし -- 友達はさておき -- 「position:absolute;」を削除すると、スプライトが機能します。そうしないと、Chrome は CSS で「:hover」を宣言したという事実を無視します。

助言がありますか?

4

1 に答える 1