IE兼容

提示输入

提示输入不要使用javascript的prompt命令实现，ie7会有安全提示（类似于弹出窗口）

改为在当前操作下方显示div，具体可参考 商品查看页面的复制商品操作

复选框事件

不要使用click事件触发复选框点击事件，在ie7下不生效

改为使用change事件

label为图片时在ie7下点击无法选中复选框

需要专门针对ie浏览器进行处理

events:
  "click label img": 'click_label_img'

click_label_img: (event) ->
  if $.browser.msie
    id = $(event.currentTarget).parent('label').attr('for')
    $("##{id}").click().change() if id?

上传

在使用ajax upload时，返回的content_type不能为application/json，ie会识别为文件，弹出下载窗口提示

render json: {id: 1}

要改为

render text: {id: 1}.to_json

样式

li间距

li元素的margin,padding都为0的情况下，ie仍然显示各个元素间存在空隙(gap)；解决方案为设置li的样式为:

li a {display:inline-block;}
li a {display:block;}

http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/

让IE6支持透明png

安装 pngquant 将32位的png转换为8位的png，IE6支持此格式的png全透明显示

sudo apg-get install pngquant
pngquant 256 *.png

Html5 boilplate: Notes on using png 说说png的那些事

IE6下使用relative position时，z-index不生效

具体问题看这里: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ 解决的方法是显式指定下拉框菜单上级container的z-index值

http://ltslashgt.com/2007/05/16/relative-zindex-and-ie/