Java学习从这里JavaVideo开始

JavaVideo java学习从这里开始

当前位置: 主页 > Web前端技术 > CSS >

CSS Sprites 使用注意之—— 避免因浏览器放大导致的图片异常

时间:2012-02-02 23:13来源: 作者:admin 点击:
    近日有朋友说,将浏览器放大后,会发现 zTree 出现多余竖线,导致显示有些异常。经检查原来是 v3.0 制作时为了

   发表时间:9 小时前   最后修改:9 小时前

猎头职位:

相关文章: 推荐群组: HTML5 更多相关推荐

    近日有朋友说,将浏览器放大后,会发现 zTree 出现多余竖线,导致显示有些异常。经检查原来是 v3.0 制作时为了优化网页,使用了 CSS Sprites 技术,因此把图标都放在一起。但图标过于密集所以在放大、缩小浏览器视图的时候,会把图标周围相邻1像素的图案计算进来,从而导致了显示异常。

    IE 问题最严重, Chrome 略好。下面请看截图(IE8 视图放大到 165%):

    解决方案: 不要让图标过于紧凑,左右、上下图标保持1像素的距离即可。

    zTree v3.1 发布时也将解决此问题。

    有兴趣的朋友可以下载附件中的 Demo 比较两个 div 色块在浏览器视图任意放大缩小时的变化。

(责任编辑:JavaVideo)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片