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的透明~~~