當我從表格中點擊圖像時,會彈出一個對話框。但是當我點擊最後一行中的一張圖片時,它會被下面的div截斷。絕對定位的div低於另一個div
我不能發佈相關的CSS,因爲有太多,但我可以發佈頁面。
點擊下面的最後一張圖片上「壁紙 - 點擊縮略圖查看方式」(打印前織物部分開始)。
實際上,如果你點擊「印刷織物」下的最後一張圖片,也會發生同樣的事情。
我怎樣才能讓它出現在上面?
當我從表格中點擊圖像時,會彈出一個對話框。但是當我點擊最後一行中的一張圖片時,它會被下面的div截斷。絕對定位的div低於另一個div
我不能發佈相關的CSS,因爲有太多,但我可以發佈頁面。
點擊下面的最後一張圖片上「壁紙 - 點擊縮略圖查看方式」(打印前織物部分開始)。
實際上,如果你點擊「印刷織物」下的最後一張圖片,也會發生同樣的事情。
我怎樣才能讓它出現在上面?
這是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;
}
我正在嘗試這樣做在螢火蟲中,但他們並沒有停留在同一個位置,並且還有內容:「」規則在我寫完後就消失了。 – dzumla011 2013-05-08 13:19:04
嘿拉爾夫,只是設置顯示:表而不是溢出它!非常感謝! – dzumla011 2013-05-08 13:22:47
很高興幫助,雖然我不能保證只是'display:table'就可以在任何地方工作。我上面發佈的代碼被稱爲「clearfix」方法(它現在有各種化身),並且是使用'overflow:hidden'的替代方案。無論如何,如果您發現任何錯誤,請保持該代碼方便。 :-) – 2013-05-08 13:27:35
提供一個小提琴,會更容易幫助 – 2013-05-08 13:02:02
我不能重現上搗鼓 – dzumla011 2013-05-08 13:04:11
整個事情對於你的一個建議..你已經爲所有'td'創建了單獨的詳細容器,但是不建議,只需創建一個div並將其移動到光標的位置,然後顯示它... – 2013-05-08 13:11:55