这是关于 - >上的标题背景图片。 http://www.lorenzopierucci.com/process
这是大多数决议中的样子 - >
但是,在非常大的分辨率显示器上看起来有点偏差
它只显示了他的额头。我想使用媒体查询来修复它,但实际操作图像时遇到了麻烦。
你如何操纵背景图像,移动它至少让他的眼睛显示出来?
要查看任何代码,请随意浏览http://www.lorenzopierucci.com/process
答案 0 :(得分:1)
只需设置
background-position-y: 30%;
(或在此行中的某些内容,尝试不同的百分比)。
如果图像没有垂直剪裁,它将按原样显示。
如果图像被垂直剪裁,它将居中在您指定的位置。
这是个人决定,但我会把重点放在眼睛上(我估计大约30% - 40%)
答案 1 :(得分:0)
哦,dohp - >更改了背景属性:
background: url(assets/img/lorenzo_procc.jpg) no-repeat center center fixed;
到
background: url(assets/img/lorenzo_procc.jpg) no-repeat center center;