在响应式网站上,DIV覆盖滑块但不在桌面上

时间:2013-12-16 10:54:07

标签: css responsive-design

当我尝试在移动设备上查看时,我在http://www.bridetobe.co.uk/构建的这个网站正在做一些奇怪的事情。我正在使用一些媒体查询来使其响应,当我在移动设备上查看时会发生什么#sitehead似乎掩盖了下面#homepage_slider的大部分内容(见下图)。

Responsive screenshot showing bug

从#homepage_slider上的CSS看,我没有看到任何绝对定位,使它在这个实例中的特定位置。

有谁知道如何让#homepage_slider在#sitehead下面而不是在它后面?

由于

1 个答案:

答案 0 :(得分:0)

#sitehead的位置是固定的,因此您需要在主体顶部填充(匹配标题的高度)以向下推动滑块或不固定标题(使其相对)。它适用于桌面,因为您的站点头是相对的。