利用css做圖片按鈕特效

利用篩選器讓滑鼠事件做Alpha的變化

css的部份

.bnt a img {
opacity: .7; /* 70% for Firefox */
filter: Alpha(Opacity=70,style=0); /* 70% for IE */
}
.bnt a:hover img {
opacity: .1; /* 100% for Firefox */
filter: Alpha(Opacity=100,style=0); /* 100% for IE */
}

html的部份

<div class="bnt">
  <a href="javascript:void( 0 )"><img src="bnt.jpg" /></a>
</div>