我试图隐藏background-image(即进行缩放background-size)使用background-position。
我故意不使用visibility或任何会导致重新布局的东西,因此在切换回视图时会导致渲染输出的轻微波动。此外,我当前的应用程序限制我使用伪元素作为黑客/解决方法。
div {
background: url(image.png) no-repeat 200% 200%/100%;
height: 100px; /* half height of image */
width: 250px; /* half width of image */
}
Run Code Online (Sandbox Code Playgroud)
不幸的是,图像没有定位。如果/100%取下 ,则定位工作正常。
jsfiddle:http : //jsfiddle.net/prometh/60jtpust/
更新:
奇怪的是,它在background-size50% 时工作:http : //jsfiddle.net/60jtpust/8/
css ×1