当我在“肖像平板电脑”维度中查看主页时,中间内容的背景照片被向下推到标题文本下方。我可以编写哪些CSS规则,以使在竖屏平板电脑模式下查看背景照片时,照片仍位于顶部?
为了更好地说明问题:
问题:
预期的布局:looks like this http://www.ogmda.com/test/screen2.jpg。
s ite is here的实时代码。请确保拖动浏览器的角以“纵向平板电脑”模式进行查看。
最佳答案
background-position属性使您可以控制图像的显示位置。您目前已将此设置为left
,这意味着图像垂直居中。将其更改为top left
可使图像位于左上方。
更改
background-position: left;
至
background-position: top left;