Sub-Pixel Bug?!
作者：YT 来源：ISD Webteam 发布时间：2010-03-24 18:09:00
标签：Bug,浏览器,css
jQuery之父John Resig写过一篇《Sub-Pixel Problems in CSS》，一个50px宽的div中有4个float的div，每个宽25％，然而各个浏览器对50*25％的理解有些纠结（demo）：
随后Steven Wittens的《CSS Sub-pixel Background Misalignments》，测试了固定宽度的元素水平居中时父元素背景图片居中的差异，更让我们看到眼花（demo）：
让人郁闷的是：不止IE，各浏览器的不同版本也有些许差异… 还好，现实工作中很少会碰到这种情形，遇到了也只是一个相对简单的情形，比较典型的应用场景是：某些QQ会员活动类的页面，背景一幅很宽大宏伟的1280px大图居中，中间区域980px居中，1024分辨率下980px外的部分能显示多少就显示多少，不出现横向滚动条，大于1024的分辨率则大图全部显示。
下面来看个简单的demo（为了方便发现及总结问题，外围大图宽400px（对应上面的1280px），中间200px掏空（对应上面的980px），中间图宽200px）：
拖动浏览器边缘改变浏览器窗口的宽度，可以看到在某些时候body和#pg在右侧的交界处会有1px的空隙，这个问题存在于IE6/Chrome3/Safari4中。
0
投稿猜你喜欢
- asp在线备份sql server数据库： 1、备份sqlserver 代码如下:<％ SQL="backup&n
- 近段时间看了一些论坛上面关于分页的ASP程序依然有许多的关注者，但里面只有代码，没有详细的解释，对于初学者来说，这样总是得不到真正的掌握，此
- 这几天无聊的很看着china.nba.com焦点图效果捣鼓了一下有待完善!兼容性：IE6 , IE7 &nb
- 判断字符串长度函数：<SCRIPT LANGUAGE="JavaScript"><!--fu
- Oracle的执行计划一句话命令：set autotrace on
- 在制作表单的时候，我们往往用CSS来重新定义表单元素（如输入框、按钮等）的样式，以便看起来更加美观。而表单中的很多不同元素（如输入框、提交按
- 基于ASP技术开发Internet/Intranet上的MIS系统是非常方便的，首先是它借用了ADO技术和概念，同时
阅读上一篇：你是真正的用户体验设计者吗? Ⅲ交互系统设计者负责用户体验——不！那么什么是真正的交互呢?什么是交互式系统？你桌子上的杯子是交互- 原来看到这个代码的时候，觉得功能不错，调试并整理了一下也许大家用的到，对于越来越注重用户体验的今天，这种功能一定很受欢迎，当然本例子只是一个
- 看到这个标题，你我可能都笑了。你会笑，因为你以为这个东西太小儿科了，还用得着做一个标题?!我会笑，是因为我确信你看完后会改变你的想法。首先我
- 这几天一直在看《Pro JavaScript Techniques》，书中有不少优美、健壮代码，让我不得不惊叹老外对语言这东西的研究程度之深
- 同事在准备新老系统的切换，清空一个表的时候往往发现这个表的主键被另一个表用做外键，而系统里有太多层次的引用.所以清起来相当麻烦用下面这个脚本
- <!-- #include file="conn.asp" -->
- Windows 8 终于发布了，虽然现在可用的只是开发者预览版，好消息是，IE 10 也随着发了，虽然现在还只有Windows 8可用。我们
- 简单的说，组织体系指的就是组织信息的方式。看了一堆拗口的定义后，我根据自己的理解画了下面这个图：从上图看出，同样的图形元素由于采用了不同的组
- SQL Server有几个版本都在使用中——4.2, 6.0, 6.5, 7.0, 2000，以及2
- 可以把本功能写成一个函数，函数的处理过程描述如下：首先调用adodb.connection对象中的openSchema函数，这样会得到一个R
- 这是一段点击复制的代码，现在我的页面里不仅有1个链接需要用到这段代码。请哪位好心人指教一下应该怎么用ID对应的方式来改写这段js，使它实现一
- MySQL内建复制功能来优化可用性，在Soundbreak我们每天24小时不间断地播放实况音频和视频，所以对于MySQL的新增的复制特性，我
- 网站或应用的登录页面有时候通常用户会看很多遍，同时也有机会诱使临时用户注册，所以，一个设计良好的登录页面会比你想象的更有用。这里是一些我们收
