IT技术博客大学习 共学习 共进步
首页 / 记事本
IT 2010-08-15 09:40:29 / 累计浏览 3,080

消失的列表背景

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

IT 2010-08-13 09:51:42 / 累计浏览 2,060

IE6,IE7中负缩进的问题

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

IT 2010-08-13 09:50:06 / 累计浏览 3,040

IE6浮动引起的一些BUG

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

IT 2010-08-06 00:16:45 / 累计浏览 1,880

relatedTarget, fromElement, toElement

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

IT 2010-08-06 00:15:38 / 累计浏览 1,740

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

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

IT 2010-08-05 10:02:32 / 累计浏览 1,780

阻止Firefox缓存input的值

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

IT 2010-08-05 10:00:54 / 累计浏览 3,460

图片旋转的小例子

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

IT 2010-08-05 09:58:50 / 累计浏览 3,040

用CSS禁用输入法

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

IT 2010-08-04 23:36:12 / 累计浏览 2,900

文本自动换行

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

IT 2010-08-04 23:21:14 / 累计浏览 2,880

li的多余空白

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

IT 2010-08-04 23:17:16 / 累计浏览 1,800

Inline Form Labels

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

IT 2010-08-04 00:07:31 / 累计浏览 1,880

不要用setAttribute设置className

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

IT 2010-08-04 00:06:05 / 累计浏览 3,780

改写jQuery UI的Accordion

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

IT 2010-07-27 23:29:03 / 累计浏览 6,320

跨域请求的iframe解决方案(1)

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