DIV從底層DIV

我有這個問題我解決不了，我想一個放大/縮小光標添加到一些div在網站上的.L圖像繼承光標樣式有一個很好的變焦 - 在光標，當點擊，新.esc DIV加載（如一個燈箱）DIV從底層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-縮小

這裏是爲它的jsfiddle：http://jsfiddle.net/mmbFu/

來源

2012-11-01 sathia

好吧檢查出來，看看你的代碼，並查找這些行：

   <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>

根據頁面的正常流動插入該分區，它會始終明確的其他元素。希望對你有效。

來源

2012-11-01 13:21:49 George

謝謝，但沒有快樂 – sathia

認真嗎？張貼或JSFiddle你的代碼，應該將光標設置爲其默認值。 – George

http://jsfiddle.net/mmbFu/ – sathia

您是否檢查過您的div＃媒體與內部的兩個區塊具有相同的高度/寬度？因此，div覆蓋整個區域，可能必須添加float：left使其繼承子對象的大小。

像@George說的那樣用jsfiddle修復會更容易。

來源

2012-11-01 13:35:11

請不要浮動一個元素只是爲了讓它擴展到它的孩子（然後你必須浮動它的父母，這是盛大的父母......很快你會構建一個flotsam，而不是一個網頁） –

也許#media比它的內容小（給它一個可見的背景來驗證）。如果發生這種情況的內容給出float:left或float:right

有幾種方法，使容器擴大到它的內容：

一種無形的元素添加到的#media結束，並給它float:none; clear:both。
將容器設置爲overflow而不是visible（hidden或auto）。

來源

2012-11-01 13:35:48

回答

相關問題