![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
css+div 如何实现 鼠标经过图片是 半透明 移开 是不透明 (调用外部 样式表能实现吗?) 5
兼容IE、GoogleChrome、火狐内部样式表:style="opacity:1;filter:alpha(opacity=100)"onmouseover="thi...
兼容 IE 、 Google Chrome、火狐 内部样式表:
style="opacity:1;filter:alpha(opacity=100)"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
兼容 IE 、 Google Chrome、火狐
希望大牛出个外部样式表,要兼容 ie googlechrome 火狐浏览器
急急急~~挺急的 谢谢了
财富值就只有 5 了,如果有100 就给100 但没办法,谢谢了 展开
style="opacity:1;filter:alpha(opacity=100)"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
兼容 IE 、 Google Chrome、火狐
希望大牛出个外部样式表,要兼容 ie googlechrome 火狐浏览器
急急急~~挺急的 谢谢了
财富值就只有 5 了,如果有100 就给100 但没办法,谢谢了 展开
3个回答
展开全部
不要用滤镜,滤镜很多浏览器都不兼容,建议你还是用图片设为背景代替
用ps制作一个尺寸为1px*1px大小的半透明png格式的图片设为背景平铺作为鼠标经过的效果,默认不透明的就直接用背景色代替就行了
注:png半透明图片目前只有IE6无法直接兼容,不过现在大部分人的电脑应该都不用IE6了吧,不过如果非要兼容的话,我百度空间有解决png透明问题的文章,你可以去看看
用ps制作一个尺寸为1px*1px大小的半透明png格式的图片设为背景平铺作为鼠标经过的效果,默认不透明的就直接用背景色代替就行了
注:png半透明图片目前只有IE6无法直接兼容,不过现在大部分人的电脑应该都不用IE6了吧,不过如果非要兼容的话,我百度空间有解决png透明问题的文章,你可以去看看
追问
此方法和 css滤镜 两个比起来 哪一个速度快啊,用您说的方法的话 能贴一下代码吗?
谢谢!外部样式表的 谢谢啦
展开全部
晕。楼主人才呀。
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
你把这2段的样式分为2个class
例如:<img src="text.png" class="testimg" />
.testimg{opacity:1;filter:alpha(opacity=100);}
.testimg_hover{opacity:0.4;filter:alpha(opacity=40);}
然后通过JS来添加class就可以了。
引入jquery库
$(function(){
$(".testimg").hover(function(){
$(this).addClass("testimg_hover")
},function(){
$(this).removeClass("testimg_hover")
})
})
就可以了。
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
你把这2段的样式分为2个class
例如:<img src="text.png" class="testimg" />
.testimg{opacity:1;filter:alpha(opacity=100);}
.testimg_hover{opacity:0.4;filter:alpha(opacity=40);}
然后通过JS来添加class就可以了。
引入jquery库
$(function(){
$(".testimg").hover(function(){
$(this).addClass("testimg_hover")
},function(){
$(this).removeClass("testimg_hover")
})
})
就可以了。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
写的很正确啊。IE用滤镜就行,又不是什么大项目,尽管用没问题。
over : filter:alpha(opacity=40);opacity:.4;
out: filter:alpha(opacity=100);opacity:1;
over : filter:alpha(opacity=40);opacity:.4;
out: filter:alpha(opacity=100);opacity:1;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询