如何对齐背景图片，但没有重复或白色边框

Question

问题是，我的客户希望自己作为他的网站的背景，当我设计它的时候，他的脸被完美地放在了徽标旁边。不幸的是，当该网站已经建成时，他的脸上被徽标覆盖。 所以我让我的容器具有与设计相同的宽度，但我的客户端不支持有空格或重复，他也不希望将徽标移动。

我在问什么可以增加背景图像的大小，并将其移动到我在Photoshop或某个网站构建器中的位置？

谢谢

Answer 1

你应该使用背景属性，如

.bgimg{ 
    background-image: url('mybg.jpg'); 
    background-repeat: no-repeat; // this will stop repeating your img 
    background-position: center center; // your bg img position could be in % too like 50% 50%; 
}