ایجاد لایه شفاف

[foranyone]

سلام چه طوری می تونم یه لایه شفاف ایجاد کنم؟

می خوام پشت لایه دیده بشه ! توجه کنید کنین که نمی خوام کامل بی رنگ باشه !

بلکه مثل opacity در photoshop عمل کنه.

 

[eAmin]

سلام چه طوری می تونم یه لایه شفاف ایجاد کنم؟

می خوام پشت لایه دیده بشه ! توجه کنید کنین که نمی خوام کامل بی رنگ باشه !

بلکه مثل opacity در photoshop عمل کنه.

سلام.

این کار رو با css هم می شه انجام داد.

var elm = document.getElementByID("divs");
	elm.style.opacity = "0.6";
	elm.style.filter = "alpha(opacity=60)";

این کد الان با Firefox 2 ، IE6 , Opera 9 همشون به بالا، ساپورت می شه.
پیشنهاد می کنم، فقط از css استفاده کنید، ساده و راحت هست.

 

[foranyone]

دوست عزیز مرسی بابت کد واقعا جالب و به در بخورتون

فقط یه سوال داشتم :

من فقط از

filter:alpha(opacity=85);

استفاده کردم و از

opacity :0.6;

استفاده نکردم بازم به خوبی رو ie 6 اجرا شد.

شما به خاطر تفاوت مرورگرها هر دو رو نوشتین ؟

با تشکر

 

[foranyone]

ولی ظاهرا این کد ها با اینکه پشتیبانی میشن از نظر W3C معتبر نیستن

شما هم امتحان کنین

http://jigsaw.w3.org/css-validator/#validate_by_input

 

[eAmin]

دوست عزیز مرسی بابت کد واقعا جالب و به در بخورتون

فقط یه سوال داشتم :

من فقط از

استفاده کردم و از



استفاده نکردم بازم به خوبی رو ie 6 اجرا شد.

شما به خاطر تفاوت مرورگرها هر دو رو نوشتین ؟

با تشکر

سلام.

بله، فیلتر اصلا استاندارد نیست، و فقط بخاطر انحصار طلبی های مایکروسافت، برای مرورگرهای خودش این رو دست و پا کرده.

البته ie7 به بالا هم از opacity پشتیبانی می کنه.

 

[eAmin]

ولی ظاهرا این کد ها با اینکه پشتیبانی میشن از نظر W3C معتبر نیستن

شما هم امتحان کنین

http://jigsaw.w3.org/css-validator/#validate_by_input

نه این کدها فقط برای جاوااسکریپت هست!، توی آدرس بالایی فقط کدها css جواب می ده.

استاندارد W3C که خودش هم گفته، Opacity هست، و مربوط به css 3 هست.

کد css به اینصورت هست:

opacity: 0.6;