css - 如何让我的背景照片保持在顶部？

Question

当我在“肖像平板”维度查看主页时，中间内容的背景照片被下推到标题文本下方。我可以编写哪些 CSS 规则，以便在平板电脑纵向模式下查看时背景照片保持在顶部？

为了更好地说明问题:

问题:

预期布局:looks like this http://www.ogmda.com/test/screen2.jpg .

s 的实时代码 ite is here 。请务必拖动浏览器 Angular 以“纵向平板电脑”模式查看。

Answer 1

background-position属性允许您控制图像的显示位置。您当前已将其设置为left，这意味着图像垂直居中。将其更改为左上角以使图像位于左上角。

改变

background-position: left;

至

background-position: top left;