记事本 -- IT技术博客大学习 -- 共学习共进步！

• 消失的列表背景

IE6中设定了position: relative; float: left的容器下，如果存在着多个带有背景的列表，那么这些列表中有一部分会显示不正常，具体的表现为背景消失。解决的方法是给li加上position: relative。

• IE6，IE7中负缩进的问题

在IE6，IE7下面给display: inline-block的元素设置text-indent: -9999px会把这个元素以及后面的元素拉走。

• IE6浮动引起的一些BUG

在IE6下，因为浮动带来的BUG有很多种，在这里记录一下。

• relatedTarget, fromElement, toElement

W3C在mouseover和mouseout事件中添加了relatedTarget属性。在mouseover事件中，它表示鼠标来自哪个元素，在mouseout事件中，它指向鼠标去往的那个元素。

• elem.style.left与elem.offsetLeft的区别

elem.style.left是元素的最左边（包括元素的margin-left）到offsetParent左边padding（包括左边padding）的距离。用公式简单的表示一下两者的关系：elem.offsetLeft = elem.style.left + elem.style.marginLeft

• 阻止Firefox缓存input的值

在Firefox里面input的值会被缓存起来，刷新页面之后，会恢复成刷新之前的值。有的时候我们并不希望这么做，可以用autocomplete="off"来阻止Firefox的默认机制。

• 图片旋转的小例子

图片翻转的小例子，很多微博都在用。

• 用CSS禁用输入法

用简单的一行CSS就可以在表单元素里禁用输入法，不一定兼容所有浏览器，目前测试过并且支持ime-mode的有IE6和FF。

• 文本自动换行

当一行文本的长度超出容器的最大宽度，就要产生自动换行的问题。CSS的white-space属性可以决定自动换行的行为。

• JS中如何判断字符串类型的数字

用JS判断字符串能不能转换为数字。

• li的多余空白

在IE6下，li标签中有浮动元素的话，就有可能在两个li之间出现一条多余的空白。在浮动元素上设置vertical-align: top可以消除掉空白。

• 获取匿名对象的属性

构建lambda在运行时获取匿名对象的属性。

• Inline Form Labels

很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。以前做这个效果的时候都是用很笨的方法，就是把提示文字写进input的value里，然后在focus的时候去掉，在blur的时候再判断一下input的value是不是空，如果为空再把提示加上去。这样做很笨，不仅代码难看，也不符合“规范”（提示就应该是提示，不应该是input的值）。有一天在网上发现的一种很容易的做法，下...

• 不要用setAttribute设置className

创建了一个新的元素，然后添加class，发现用setAttribute("class", "foo")这种方式在IE6下不起作用。

• 获取元素在页面的绝对位置

获取元素在页面的绝对位置。

• 改写jQuery UI的Accordion

最近在做一个项目，其中有个UI要做成类似jQuery UI中Accordion的样子。但是Accordion在某一时刻只可以展开一个Panel，所以就改写了一下Accordion，让它可以同时展开多个Panel。

• 终极攻略――未知高度元素垂直居中

一些未知高度元素垂直居中的方案。

• 多列等高方案

多列等高方案。

• 跨域请求的iframe解决方案（2）

跨域请求的iframe解决方案。

• 跨域请求的iframe解决方案（1）

跨域的解决方案有许多种，就不一一介绍了，在这里主要总结一下用iframe来解决跨域的方法。