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幻灯片滚动重叠问题

回答

相关问题