0

我有这个我无法解决的问题，我正在尝试向网站上的某些 div 添加放大/缩小光标，.l 图像有一个很好的放大光标，点击后，新的 .esc div 是加载（作为灯箱）

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

#media{
 cursor:default;
}

假设#media div 包含在 .esc div 中。#media div 有一些区域实际上什么都没有，在这些区域中，鼠标光标不是：default，而是-webkit-zoom-out。

我还没有找到解决这个问题的方法，知道吗？

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

* 这里应该是 cursor:default; 但它是-moz-zoom-out

这是一个 jsfiddle：http: //jsfiddle.net/mmbFu/

4

3 回答 3

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 回答
1

也许#media比它的内容小（给它一个可见的背景来验证）。如果给出内容float:left或float:right

有几种方法可以使容器扩展到其内容：

  • 在末尾添加一个不可见的元素#media并给它float:none; clear:both。
  • 将容器设置为(或)overflow以外的位置。visiblehiddenauto
于 2012-11-01T13:35:48.130 回答
0

您是否检查过您的 div#media 与里面的两个块具有相同的高度/宽度？所以 div 覆盖了整个区域，可能必须添加 float:left 以使其继承子对象的大小。

正如@George所说，使用jsfiddle修复会更容易。

于 2012-11-01T13:35:11.993 回答