使用浏览器保持图像不变焦

Question

我有一个图像,按钮垂直对齐.然后我使用css指定"background-position"来显示基于按钮类的正确按钮.我遇到的问题是,当用户按下"cmd +"(或缩放浏览器)时,图像"变大"并开始看到其他按钮(不同的颜色).如何保持背景"固定",以便浏览器不会放大.

提前致谢!

和预览:正常:cl.ly/3d3y2D3c0D0A2T1n0f0G和ZOOOMED:cl.ly/1K2t450p2m3B2x133j04

奇怪的是,这个效果似乎只出现在Safari中(我测试了chrome,safari和firefox)

Answer 1

我没有看到为您的图像容器指定的明确宽度或高度。某些浏览器可能依赖于此来正确调整大小。

您可以尝试设置px值，如果这不起作用，请尝试em，因为它是相对于基线字体大小的测量值。

或者，您可以使用 CSS3 代替背景图像，并让 IE 具有方角。

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: url(sweet-gradient.png) top left no-repeat;