js+css 设置图片或背景透明
2014-09-03 16:01
337 查看
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的透明~~~
<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的透明~~~
相关文章推荐
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- 解决IE6下PNG图片背景不透明的三种方法(CSS/JS/JQuery)
- 解决PNG图片在IE6中背景不透明的CSS与JS代码
- 使用css设置图片背景透明,文字不透明
- HTML+CSS----IE6下背景透明实现-css/js--png图片
- CSS背景图片透明
- css,用一张大图片来设置背景的技术真相
- css 设置全屏背景图片
- JS使png背景图片透明
- css为图片设置背景图片
- js+css 使div背景图在ie6中透明
- JS脚本(控制IE6下Png图片背景透明)
- css 设置全屏背景图片
- 用ps将图片背景设置为透明
- 使用CSS给空元素设置背景图片
- CSS中背景图片的设置
- 纯CSS圆角框2-透明圆角化背景图片
- 关于js设置标签样式来显示图片背景无效的解决方案
- 【转】CSS解决IE6下PNG图片背景不透明的问题
- css为图片设置背景图片