操纵背景图像背景大小:封面

时间:2014-01-01 10:30:43

标签: css css3

这是关于 - >上的标题背景图片。 http://www.lorenzopierucci.com/process

这是大多数决议中的样子 - > Normal

但是,在非常大的分辨率显示器上看起来有点偏差

The head is cut off

它只显示了他的额头。我想使用媒体查询来修复它,但实际操作图像时遇到了麻烦。

你如何操纵背景图像,移动它至少让他的眼睛显示出来?

要查看任何代码,请随意浏览http://www.lorenzopierucci.com/process

2 个答案:

答案 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;