最近使用背景圖片做了個展開和關閉的樣式如下:
.iconcut {
background: url("images/iconBg01.gif") no-repeat left -248px;
height: 16px;
width: 16px;
display: inline-block;
margin: 6px;
float: left;
}
但是在ie8下面怎麼點擊都不會展開,添加防止冒泡代碼e.stopPropagation(); 還是不行。
後來修改樣式,
.iconcut {
background: url("images/iconBg01.gif") no-repeat left -248px;
height: 16px;
width: 16px;
display: inline-block;
margin-top: -3px;
margin-left:6px;
vertical-align:middle;
}
確認ok。
注意點:
1.不能使用float
2.圖片必須是transparent
3.圖片必須是gif類型的