x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<style>6
img {7
opacity: 0.4;8
filter: alpha(opacity=40);9
/* 适用 IE8 及其更早版本 */10
}11
12
img:hover {13
opacity: 1.0;14
filter: alpha(opacity=100);15
/* 适用 IE8 及其更早版本 */16
}17
</style>18
</head>19
<body>20
21
<h1>图片透明度</h1>22
<p>opacity 属性通常与 :hover 选择器一起使用，在鼠标移动到图片上后改变图片的透明度：</p>23
<img src="/examples/klematis.jpg" width="150" height="113" alt="klematis">24
<img src="/images/klematis2.jpg" width="150" height="113" alt="klematis">25
26
<p><b>注意:</b>在 IE 中必须声明 才能保证 :hover 选择器能够有效。</p>27
</body>28
</html>