我希望能够在调整大小时重现此网站图像的行为。
背景图像似乎有一个中心点,当图像无法保持其比例比例时,该图像开始裁剪。
这是一个例子:
http://themes.evgenyfireform.com/wp-jad/
现在我的背景有以下CSS:
#bg {
position: fixed;
top: 0;
left: 0px;
width:100%;
}
问题是它是固定的,我希望它在图像无法缩放时裁剪。
最佳答案
您正在寻找这个组合:
background-position:50% 50%; /* Sets reference point to scale from */
background-size:cover; /* Sets background image to cover entire element */
注意这是not supported by IE8如果您需要 IE8 或更早版本的支持,将需要 JS hackery。
关于css - 始终按比例调整背景图像的大小以缩放中心点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18323994/