css - 在响应网站上,DIV覆盖 slider ,但在台式机上不覆盖

原文 标签 css responsive-design

当我尝试在移动设备上查看该网站时,我在http://www.bridetobe.co.uk/处建立的网站表现有些奇怪。我正在使用一些媒体查询来使其响应,当我在移动式#sitehead上观看时会发生什么情况,似乎掩盖了以下#homepage_slider的大部分内容(请参见下图)。



通过查看#homepage_slider上的CSS,我看不到任何绝对位置使其位于此实例中的特定位置。

有谁知道如何让#homepage_slider本身定位在#sitehead之下而不是其后面?

谢谢

最佳答案

#sitehead是固定位置的,因此您需要在主体顶部填充(与标头的高度匹配)以向下滑动滑块,或者不固定标头(使其相对)。当您的站点头是相对的时,它可以在桌面上运行。

关于css - 在响应网站上,DIV覆盖 slider ,但在台式机上不覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20609113/

相关文章:

javascript - 根据字符数和分辨率更改字体大小

html - 在css/bootstrap中将图像向右对齐

html - 幻影在图像后“填充”

asp.net-mvc - .ui-widget:active和.ui-widget:active之间有区别吗?

html - 将标题设置为始终从照片的左上 Angular 开始

ios - iOS7不加载高度超过1950px的css图像

html - 使导航在较小的屏幕上工作

javascript - 我的网页在使用html和CSS的页眉和页脚构建的右侧显示空白。

javascript - 扩展导航栏的Javascript代码未按预期工作

css - 使用CSS对dl和dt进行样式设置,以模仿表式表示形式