0

解決できないこの問題があります。サイトの一部のdivにズームイン/ズームアウトカーソルを追加しようとしています。.l画像には素晴らしいズームインカーソルがあります。クリックすると、新しい.escdivが表示されます。ロード済み（ライトボックスとして）

.l{
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.esc {
 cursor: -webkit-zoom-out; cursor: -moz-zoom-out;
}

#media{
 cursor:default;
}

#mediadivが.escdiv内に含まれているとします。#media divには、文字通り何もない領域がいくつかあり、それらの領域では、マウスカーソルは：defaultではなく、-webkit-zoom-outです。

私はまだこの問題を無効にする方法を見つけていません、何か考えはありますか？

-------------------------
|.esc                   |
|    ----------------   |
|   |  #media       |   |
|   | -----  ---    |   |
|   | |   | |   |   |   |
|   | |   | |   |   |   |
|   | |   | -----   |   |
|   | |   |    *    |   |
|   | |   |         |   |
|   | -----         |   |
|    ----------------   |
-------------------------

*ここではcursor：default;である必要があります。しかし、それは-moz-zoom-outです

これがそのためのjsfiddleです：http：//jsfiddle.net/mmbFu/

4

3 に答える 3

1

おそらく#mediaその内容よりも小さいです（確認のために背景を表示してください）。これは、内容が指定されている場合、float:leftまたはfloat:right

コンテナをその内容に拡張する方法はいくつかあります。

  • の最後に非表示の要素を追加し、#mediaそれを与えますfloat:none; clear:both。
  • コンテナを（または）overflow以外に設定します。visiblehiddenauto
于 2012-11-01T13:35:48.130 に答える
1

確認してください。コードを調べて、次の行を探します。

               <a href="/random.php?media=media" style="color:#91BD09">RANDOM</a>
            </div>
         </div>
      </div>

一番下のすぐ近くにあり、最後のdivは？#media の終了タグです。今これを行います：

               <a href="/random.php?media=media" style="color:#91BD09">RANDOM</a>
            </div>
         </div>
      </div>
<div style="clear:both"></div>

その div を挿入すると、ページの通常の流れに従って常に他の要素がクリアされます。それがうまくいくことを願っています。

于 2012-11-01T13:21:49.527 に答える