css+div 如何实现 鼠标经过图片是 半透明 移开 是不透明 （调用外部 样式表能实现吗？）

不要用滤镜，滤镜很多浏览器都不兼容，建议你还是用图片设为背景代替
用ps制作一个尺寸为1px*1px大小的半透明png格式的图片设为背景平铺作为鼠标经过的效果，默认不透明的就直接用背景色代替就行了

注：png半透明图片目前只有IE6无法直接兼容，不过现在大部分人的电脑应该都不用IE6了吧，不过如果非要兼容的话，我百度空间有解决png透明问题的文章，你可以去看看

晕。楼主人才呀。
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
你把这2段的样式分为2个class
例如：
.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;