css使图片变透明

opacity属性,范围0~1,0完全透明看不见,1就是实在的一点都不透明。
filter:alpha属性(ie8之前的版本支持),范围0~100

<!DOCTYPE html>
<html>
<head>
<style>
img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
</style>
</head>
<body>

<h1>图像透明度</h1>

<img src="/i/tulip_peach_blossom_w_s.jpg" alt="Peach Blossom" />

<p><b>注释:</b>在 IE 中,必须添加 <!DOCTYPE>,这样才能将 :hover 选择器用于除了 <a> 之外的其它元素。</p>
</body>
</html>
当鼠标hover

当鼠标不在
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • 是谁在用思念化弦,独舞寂寞的眷恋; 是谁在这梧桐秋叶飘零的季节允诺归来; 是谁让闺人独守那份飘渺; 是谁在谈笑间敲...
    静谙阅读 281评论 0 0
  • 之所以说气疗,只是与食疗相对而言,在这里图方便的一种叫法。调整饮食可以调理身体,同样道理,调整呼吸自然也有用。...
    水尽处谁阅读 379评论 0 0
  • 这节课的自然辩证法,虽然有很多观点我不是很同意,但是有一点很少,没有什么东西是必须的,红楼梦是中国四大名著,但我不...
    lesly1994阅读 68评论 0 0