تغییر شفافیت تصاویر؟

my friend

my friend

Member
من میخوام برای یه تصویر حالت شفافیت قرار بدم و وقتی که موس روی اون تصویر میره این حالت از بین بره.
میشه از 2 تا تصویر استفاده کرد ، اما چون تصاویر بصورت دینامیک ساخته میشه برای سرور بار اضافی ایجاد میکنه.

میخواستم ازتون بپرسم که تو css برای این کار راه حلی در نظر گرفته شده؟

مثلا با این کد تصویر رو 50% شفاف میکنیم:
کد: 
filter: alpha(opacity=50)
اما چطور بعد از رفتن موس روی تصویر شفافیت رو 100% کنیم؟
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
a img, a:visited img {
	width:200px;
	height:200px;
	background:red;
	filter: alpha(opacity=50); /*jahate namayesh dar IE*/
	-moz-opacity:0.5; /*jahate namayesh dar FF*/
    opacity:.50; /*jahate namayesh dar Opera*/
}
a:hover img {
	background:pink;
	filter: alpha(opacity=100); /*jahate namayesh dar IE*/
	-moz-opacity:0.9; /*jahate namayesh dar FF*/
    opacity:.99; /*jahate namayesh dar Opera*/
}
</style>
</head>

<body>

<a href=""><img src="http://www.echessdesign.com/img/image/homelogo.gif" alt="echessdesign.com" /></a>
</body>

</html>
:tavajo:
درست است که این کد در مرورگر های متداول : IE, FF, Opera قابل نمایش است اما استاندارد W3C نیست.
 
آخرین ویرایش:
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا