今天看到的一个bug，针对ie7有效，并且这个问题是在打了某个补丁之后产生的，好像是KB956390的这个补丁。

当onmousedown配合replaceNode一起使用的时候会产生一个bug，当你点住被replaceNode的那个链接标签，拖动，并移动到输入框中就会有问题，如果你没有打过补丁，哪么IE7会崩溃，如果打了补丁，鼠标会一直变成手的形状，不消失，代码如下，请注意将标点符号换成英文的

1
2
3
4
5
6
7
8
9
10
11

    <script type=”text/javascript”>
        window.onload = function(){
        var a = document.getElementById(’t');
        a.onmousedown =function(){this.replaceNode(document.getElementById(’tt’));}
        a.onmouseup = function(){document.title = ‘mouseup’;}
        a.onclick = function(){document.title = ‘click’;} }
    </script>
    <style>a:hover{color:red;}</style>
    <p><a id=”t” href=”#”>点击这里按住不放并且拖动鼠标</a></p>
    <p><a id=”tt” href=”#”>路人甲</a></p>
    <p><input type=”text” /></p>

栅格设计的这个概念还是最近从淘宝的UED blog看到的——网页的栅格设计系统，本来打算再组内做一次相关培训，但是遇到很多问题，由于我不是专业设计师，所以许多我也答不上来，其实最关心，最主要的是有什么好处，不过我还是想说一下，许多经验的东西或者老人说的话都是有道理的。

关于栅格设计系统各位还能从wikipedia上了解更多的信息，个人认为，关于栅格设计系统对于任何设计师来说应该是一个基本的技巧罢了。使用栅格设计可以是我们的网页信息更加条理化，更加美观易读，在视觉上能够找到一个合适的均衡点，由于栅格系统需要精确的计算，所以能够做到结构化、模块化，之后可以使页面的框架设计更加规范，对于推动整站的统一有很大的帮助，最简单的例子就是yahoo提出了 YUI 这种framework，包括google也提出了blueprint。

当然栅格设计不是万能的，还是应该看情况去运用与否

相关文章以及工具：

• Designing With Grid-Based Approach
• Why use a Grid
• Grids Are Good
• WEB STYLE GUIDE 2nd editiod
  
• Five simple steps to designing grid systems
  
• blueprint
• 960 Grid System
• Grid Designer
• design-by-grid
• Web Page Layout Grid