js+css 設定圖片或背景透明
阿新 • • 發佈：2019-02-09
html檔案：
<li class="lead_btn">
<a href="#" target="_blank">
<img class="lazyload" src="images/spacer0.png" />
</a>
</li>
css檔案：
.lead_btn img{
width: 66px;
height: 50px;
}
.lead_btn .img_hover{
filter:alpha(opacity=50); /*IE濾鏡，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
}
js檔案：
$(function(){
$(".lead_btn .lazyload").hover(function(){
$(this).addClass("img_hover")
},function(){
$(this).removeClass("img_hover")
});
})
通過以上css樣式，以及js呼叫便可以實現圖片或背景或div的透明~~~