2011-03-08 86 views
0

我一直在寻找这方面的解决方案小时。这个问题在台式机上没有出现,但是我偶尔看到它在IE9 & FF4中的不可预测性。基本上我使用一个巨大的图像精灵并通过我的样式表使用它。出于某种原因,任何带有阴影的元素都会在其下方显示间隙或突破。我在这个特定的部分下面留下了很多空间,不会碰到图像的另一部分。图像精灵和触摸设备

我试过调整区域的高度,这似乎并不重要。线条间隙/边框仍然出现在标题下方并位于内容区域的阴影下。

也注意到这种情况发生时,在Safari中的各个级别放大。

请参阅http://www.kintera.org/site/lookup.asp?c=dlKQK4NOJiI8F

+0

这种情况发生在什么样的设备上? – 2011-03-08 16:29:41

+0

我只有测试iPhone的能力。 – 2011-03-08 16:34:26

+0

我的Android手机(也是移动WebKit浏览器)的页面看起来很好,这表明该问题与Safari的缩放比例有关。你有没有检查桌面Safari的缩放/放大功能,看看它是否也一样? – 2011-03-08 17:22:50

回答

0

你的精灵有间隙或删除线。看起来好像这可能是潜在的问题引起:

enter image description here

由于您的网站的背景颜色是灰色的,这是给一条线在那里,因为它实际上是背景颜色透过透明PNG未来的外观。

+0

这解决了这个问题。 Safari浏览器显然需要比Firefox和IE多一些的重叠像素,因为它稍微偏离了高度。 – 2011-03-14 16:45:38