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 但没办法,谢谢了
展开
 我来答
lp5276159be1
2012-07-24 · TA获得超过2万个赞
知道大有可为答主
回答量:1万
采纳率:39%
帮助的人:4286万
展开全部
不要用滤镜,滤镜很多浏览器都不兼容,建议你还是用图片设为背景代替
用ps制作一个尺寸为1px*1px大小的半透明png格式的图片设为背景平铺作为鼠标经过的效果,默认不透明的就直接用背景色代替就行了

注:png半透明图片目前只有IE6无法直接兼容,不过现在大部分人的电脑应该都不用IE6了吧,不过如果非要兼容的话,我百度空间有解决png透明问题的文章,你可以去看看
追问
此方法和 css滤镜 两个比起来 哪一个速度快啊,用您说的方法的话 能贴一下代码吗?
谢谢!外部样式表的 谢谢啦
心戀米兰
推荐于2018-04-19 · TA获得超过433个赞
知道小有建树答主
回答量:279
采纳率:100%
帮助的人:283万
展开全部
晕。楼主人才呀。
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")

})

})
就可以了。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hibo2019
2012-07-24 · TA获得超过509个赞
知道小有建树答主
回答量:481
采纳率:0%
帮助的人:375万
展开全部
写的很正确啊。IE用滤镜就行,又不是什么大项目,尽管用没问题。
over : filter:alpha(opacity=40);opacity:.4;
out: filter:alpha(opacity=100);opacity:1;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式