【发布时间】:2014-09-05 04:18:03
【问题描述】:
如果在移动设备上以横向而不是纵向模式放置,全尺寸背景图像似乎可以正确显示。移动设备上的纵向是否有解决方法?
任何形式的回应表示赞赏!
网站:candasixfortune.com
【问题讨论】:
-
请在您的问题中添加代码,而不是网址。如果您提出结构良好的问题,您将获得更多观点、答案(和投票)。只是一个提示!
标签: wordpress image responsive-design
如果在移动设备上以横向而不是纵向模式放置,全尺寸背景图像似乎可以正确显示。移动设备上的纵向是否有解决方法?
任何形式的回应表示赞赏!
网站:candasixfortune.com
【问题讨论】:
标签: wordpress image responsive-design
图像的父元素有一个 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。
【讨论】: