jQuery幻燈片滾動重疊問題

我正在爲我的樂隊設計EPK，並遇到一些問題。在我的屏幕上，每個瀏覽器的比例都很高。但在我的貝司手電腦上，元素是重疊的。我想知道是否有人能幫我弄清楚爲什麼？jQuery幻燈片滾動重疊問題

這裏的網站： http://www.indefinitedyad.com/epk.html

，這裏是一個的jsfiddle與代碼： http://jsfiddle.net/mkk9F/

下面是它是如何她的屏幕上出現： http://img.photobucket.com/albums/v410/justice4all_quiet/Screenshot2012-07-29at22149PM.png

任何幫助將不勝感激！

來源

2012-07-30 amandathewebdev

在圖片中使用了什麼瀏覽器？ – Automatico 2012-07-30 22:32:11

這裏有很多奇怪的編碼。 E.G在你的#menu元素上，你試圖浮動它並且完全放置它。我建議一次重新開始一個元素。在構建網站時，您應該在所有流行的瀏覽器中進行測試，以確保它可以像跨瀏覽器一樣兼容。 – 2012-07-30 22:36:53

從我可以告訴這實際上是一個CSS問題，這是因爲你的.content寬度設置爲90％。如果您調整瀏覽器大小或者使用更高分辨率的顯示器，它看起來很好。如果你需要一個設定的尺寸（1080px在我的瀏覽器上工作得很好），你需要將你的內容部分設置爲一個定義的寬度，或者查看網格系統，如1140px網格，可以找到here，適用於移動和屏幕大小調整。

希望這會有所幫助！

來源

2012-07-30 22:39:48 Alien

這裏的問題是您的<ul id="menu">有position: absolute;。這會使按鈕粘在框架上，而不會隨窗口縮放。但是，您的<div class="container">不會這樣做。因此，包含圖片等的div會隨着窗口變小/變大而變大。但按鈕不會。

這個問題是非常簡單的重現。 使瀏覽器窗口更小。這是修復你的html設置的問題。

來源

2012-07-30 22:38:45 Automatico

jQuery幻燈片滾動重疊問題

回答

相關問題