浮動在父div上的圖像

我試圖把（懸停）圖像放在它的父div上面。我使用舊版本的www.cssplay.co.uk/menu/magnify.html，儘管根據我的需要進行了一些修改。浮動在父div上的圖像

我找到了一種方法來實現我以前在以前的網站中想要的=>http://www.keurslagergeertenkristel.be/。在中心你會看到一張圖片，左邊有一張黑白照片，還有一些粉紅色/波爾多的色彩和一些文字。如果你用光標懸停，圖片會放大，所以你可以正確地看到它（我知道可能有一個小屏幕分辨率的問題，但這不是現在的問題）

我想要做同樣的事情再次在一個新的網站，我正在建設，但我不能得到它的工作：s圖像總是停留在其父div。您可以在這裏註冊=>http://www.vermeulenklasseslager.be/NEW/。

這兩個網站的圖像的CSS是相同的，所以它必須是與我認爲的父div的東西，但我看不到它。

我嘗試了很多變型中，使用顯示：塊，位置：相對於（父DIV），溢出：隱藏和經銷商，添加額外的div或跨度，加入z索引...

UPDATE ：我只是在IE11中發現了問題而已。（至極讓我明白甚至更少，爲什麼，因爲第一個網站在所有瀏覽器）

來源

2014-01-13 diedie2

中，即10/11由於內容div上的邊界半徑屬性，它會裁剪大圖像。解決方法是刪除溢出：隱藏和清除此容器與標準清晰度：

#content:before, 
#content:after { 
    content: ""; 
    display: table; 
} 
#content:after { 
    clear: both; 
} 
#content { 
    zoom: 1; 
}

來源

2014-01-13 12:20:32

謝謝，刪除溢出：隱藏了伎倆！我不需要其他代碼。此外，在我的另一個網站上，我也使用了border-radius，並且這沒有問題。 – diedie2

我認爲解決那就是：

位置：固定

來源

2014-01-13 10:23:26 user2211216

它幫助！儘管我仍然不明白爲什麼它在第一個網站上工作，而不是在具有相同代碼的新網站上工作。現在，當我懸停時，原始較小的圖片下降了幾個像素，並在鼠標離開時返回。這可以防止嗎？ – diedie2

更新：檢查第一篇文章 – diedie2

浮動在父div上的圖像

回答

相關問題