Прозрачност на изображение чрез CSS
Публикувана от smilev на January 12 2011 07:55:38
Разширена новина
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>opacity</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a.opacity img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;}
a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
</style>
</head>
<body>
<a class="linkopacity" href="#">
<img src="http://forums.data.bg/images/avatars/d4241f6f43bc0b2202cb7.jpg" alt="" style="border:1px solid black;">
</a>
<br />
<a class="opacity" href="#">
<img src="http://forums.data.bg/images/avatars/d4241f6f43bc0b2202cb7.jpg" alt="" style="border:1px solid black;">
</a>
</body>
</html>
[/code]