2013-05-08 57 views
-1

當我從表格中點擊圖像時,會彈出一個對話框。但是當我點擊最後一行中的一張圖片時,它會被下面的div截斷。絕對定位的div低於另一個div

我不能發佈相關的CSS,因爲有太多,但我可以發佈頁面。

link

點擊下面的最後一張圖片上「壁紙 - 點擊縮略圖查看方式」(打印前織物部分開始)。

實際上,如果你點擊「印刷織物」下的最後一張圖片,也會發生同樣的事情。

我怎樣才能讓它出現在上面?

+0

提供一個小提琴,會更容易幫助 – 2013-05-08 13:02:02

+0

我不能重現上搗鼓 – dzumla011 2013-05-08 13:04:11

+0

整個事情對於你的一個建議..你已經爲所有'td'創建了單獨的詳細容器,但是不建議,只需創建一個div並將其移動到光標的位置,然後顯示它... – 2013-05-08 13:11:55

回答

0

這是overflow: hidden上的容器是造成問題。你可以做的就是這個(global.css中1423)改:

.wallpaper_collection { 
    overflow: hidden; 
} 

到這樣的事情:

.wallpaper_collection:after { 
    content: ""; 
    display: table; 
    clear: both; 
} 

你將不得不對其他容器(S)這樣做。例如。 (行1428)

.printed_fabrics_collection { 
    overflow: hidden; 
} 

你可以只將它們組合成一個規則,像這樣:

.wallpaper_collection:after, .printed_fabrics_collection:after { 
    content: ""; 
    display: table; 
    clear: both; 
} 
+0

我正在嘗試這樣做在螢火蟲中,但他們並沒有停留在同一個位置,並且還有內容:「」規則在我寫完後就消失了。 – dzumla011 2013-05-08 13:19:04

+0

嘿拉爾夫,只是設置顯示:表而不是溢出它!非常感謝! – dzumla011 2013-05-08 13:22:47

+0

很高興幫助,雖然我不能保證只是'display:table'就可以在任何地方工作。我上面發佈的代碼被稱爲「clearfix」方法(它現在有各種化身),並且是使用'overflow:hidden'的替代方案。無論如何,如果您發現任何錯誤,請保持該代碼方便。 :-) – 2013-05-08 13:27:35