一个解决IE6下固定定位问题的小示例，代码如下：

{syntaxhighlighter brush: html} html, body { margin:0; padding:0; overflow:hidden; height:100%; text-align:left; } .body { position:relative; height:100%; overflow-y:scroll; overflow-x:auto; cursor:default; } .box { position:absolute; z-index:999; margin:0 auto; bottom:10px; left:40px; height:40px; border:1px solid #369; background:#f7f7f7; line-height:40px; } 我是不会被你拖着走的！

看屏幕底端的区块，再拖动浏览器的滚动条，结果怎么样？满意吧，惊喜吧！

  {/syntaxhighlighter}

一个解决IE6下固定定位问题的小示例，代码如下：

{syntaxhighlighter brush: html} html, body { margin:0; padding:0; overflow:hidden; height:100%; text-align:left; } .body { position:relative; height:100%; overflow-y:scroll; overflow-x:auto; cursor:default; } .box { position:absolute; z-index:999; margin:0 auto; bottom:10px; left:40px; height:40px; border:1px solid #369; background:#f7f7f7; line-height:40px; } 我是不会被你拖着走的！

看屏幕底端的区块，再拖动浏览器的滚动条，结果怎么样？满意吧，惊喜吧！

  {/syntaxhighlighter}

要写一个空间代码，实现的效果之一就是背景图片固定在页面上，不随浏览器滚动而滚动，但是却遇到了一个问题，就是IE6下背景图片固定不起作用了（IE7，firefox火狐浏览器等都可实现背景固定）。

这是很奇怪的，以前用同样的代码是一点问题都没有的，这次为何不行呢？

待我慢慢叙来……

使背景图片固定代码如下：

body{background:url(xx.jpg) fixed 50% 50%;}

在各个浏览器下的表现都是背景固定，您有兴趣可以随便找一张图试试。

但是，今天同样的针对body的代码却没有用，问什么呢？

/*以下为废话，建议忽略不看*/

由于我这个页面很复杂，十几个模块，多多js，还有多多其他css链接，所以我说不准到底哪儿出问题。

找问题最好的方法就是删除排除法。删掉一段代码，看显示有没有变化，如果，老样子，显示bug，则与此段代码无关；如果代码删掉后，显示正常了，则表明刚删除的代码就是问题代码，再细化排除即可找到问题症结所在了。

比如今天遇到的情况。

我起初怀疑js搞了鬼，所有js一删，还是无法实现IE下的背景固定，说明与js无关；

做为一个专职的页面重构者，我们从事的工作简单的说就是“将设计稿转换成WEB页面”，这一过程可以很简单到直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来，但随着工种的细分，加上页面重构本身的专业性，独立为一个职业也不是不可能，至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿，可以不理会下面的内容。

单纯的页面重构，所涉及到的工作内容一般是“分析设计稿=>切图=>写HTML和CSS”，虽然看起来很少，但要做好这份工作，绝非所想的那么容易。原因很简单：工作内容单一，在时间和工作量上必会很苛刻，往往跟设计师的工作时间是3:1，即设计师给三天的时间，制作只给一天的时间完成；在这种工作强度下，很多人都是靠着对这份工作的喜爱在维持着，一旦工作热情消失，很容易就会变得枯燥，保持热情也成了重构工作者（也许是所有参加工作的人）应该具备的能力。

跟“前端工程师”所要求的有所不同，“页面重构”虽然也是“前端工程师”的一个范畴，在职业化中，对专职的页面重构者，要求当然也更高。不单是做出页面，而是做出好页面。又引出另一个话题，“何为好页面？”，一般包括下面几点：