html - 当背景图片顶部有元素时缩放

Question

我有一个由背景图像组成的表单，我在上面放置了输入元素。问题是当放大/缩小页面时(即按设置中的缩放或 ctrl 和 +/-)，元素会从背景上的当前位置移开。

奇怪的是这只发生在 Chrome 中。在 IE (8, 9, 10) 中，它工作得很好。
同样奇怪的是，似乎只有复选框移动起来很有趣，但文本框却很好。

请问有人可以告诉我该怎么做吗？谢谢

网页链接为:http://www.webconcepts.co.il/landingPage/diraBituach/diraBituach.php

Answer 1

chrome 的解决方案

@media screen and (-webkit-min-device-pixel-ratio: 0)
 .private {
    margin: 12px 238px 5px 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
`.shared {`
   margin: 14px 118px 0 0;