您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

css 鼠标经过图片,图片变色变暗透明

2025/11/6 17:01:44发布39次查看
1、css代码
.div1,.div2{ width:500px; margin:20px auto} .div1 a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8} .div2 a:hover img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7} 
这里设置了对div对象盒子里的超链接内图片设置hover伪类半透明效果。
2、html代码
css 鼠标经过图片,图片变色变暗透明

代码注释:
filter 设置平台ie半透明效果样式,值1-100,值越小越透明,设置ie8以前的透明使用
opacity 设置ie半透明效果样式,值0.1-1,值越小越透明,设置ie8以后版本的透明使用
-moz-opacity 对非ie浏览器设置,比如火狐,语法与ie相同。
完整实例:
css 鼠标经过图片,图片变色变暗透明

在线运行
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product