查找內容的位置而不是元素

我有一篇文章元素，顯示所有不同類型的樣式。查找內容的位置而不是元素

將鼠標懸停在每個元素上時，會出現一個可由用戶操作的按鈕。這工作正常，直到我加入了浮動圖像。

由於浮點工作的方式，原始元素仍然到達包裝的邊緣，但內容在浮動圖像之後開始。

我需要找到一種方法來獲取元素的內容的位置，而不是實際的元素本身。

一個我正在談論的快速截圖。

Screen

編輯：添加代碼示例 - http://jsfiddle.net/h5P2e/1/embedded/result/

此代碼示例沒有一些清除功能我在本地，所以綠色的按鈕，將顯示有時在內部內聯元素。我所關心的是在圖像頂部顯示綠色按鈕，當它靠近段落內容時。

來源

2014-04-29 LostInQuery

如果您分享您的代碼，甚至更好，當你在的jsfiddle重現您的問題這將是有益的。 – LinkinTED

很難說沒有看到任何代碼。這裏可以發揮一些利潤/填充。 –

添加到jsfiddle的鏈接 - http://jsfiddle.net/h5P2e/1/embedded/result/ – LostInQuery

您擁有的一個選項是您可以將overflow:auto添加到您的內容區域中的p和ul標籤。這將啓動一個新的block formatting context，但它也不是沒有缺點。如果你有一個邊緣太多或者使用定位的子元素，就會出現滾動條的風險，並且浮動元素也不會工作得很好。這種方法的結果是元素的邊緣移動到圖像覆蓋的區域之外。

Demo和source

來源

2014-04-29 14:25:55

在這裏，我正在試圖找到JS解決方案，當它是一個簡單的CSS修復時，我的頭撞牆！我知道這將是我沒有想到的一些愚蠢的事情。 – LostInQuery

@LostInQuery沒問題，男人。 XD我只是最近才瞭解到這個神奇的塊格式上下文的新領域，而且我一直認爲它直到最近也需要成爲js解決方案。快樂的編碼！ –

查找內容的位置而不是元素

回答

相關問題