【问题标题】:Full Page Background Slider not appearing correctly on Mobile Devices整页背景滑块在移动设备上未正确显示
【发布时间】:2014-09-05 04:18:03
【问题描述】:

如果在移动设备上以横向而不是纵向模式放置,全尺寸背景图像似乎可以正确显示。移动设备上的纵向是否有解决方法?

任何形式的回应表示赞赏!

网站:candasixfortune.com

【问题讨论】:

  • 请在您的问题中添加代码,而不是网址。如果您提出结构良好的问题,您将获得更多观点、答案(和投票)。只是一个提示!

标签: wordpress image responsive-design


【解决方案1】:

图像的父元素有一个 position:fixed 属性,而图像有一个 position:absolute 属性。图像相对于当前页面定位。您需要使用 position:relative 属性向图像添加容器。 如下所示:

<div id="bg-body">
<div style="position:relative">
<img src="">
</div>
</div>

同时删除应用于#bg-body 的top:-50%,应用于#bg-body img 的top:60px,并将高度设置为auto。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-06-14
    • 2016-02-18
    • 1970-01-01
    • 2014-06-28
    • 1970-01-01
    • 2015-11-10
    • 2018-04-20
    相关资源
    最近更新 更多