پرینت

تنظیم شفافیت (Opacity) تصاویر با سی اس اس

تنظیم شفافیت

می توان از سی اس اس برای تنظیم شفافیت (Opacity) در تصاویر استفاده کرد. استفاده از سی اس اس برای تنظیم شفافیت یک حسن دیگری نیز دارد و آن این است که اگر شما به دو تصویر با شفافیت 70% و 100% نیاز داشته باشید می توانید فقط از یک تصویر استفاده کنید و فقط شفافیت ها را در سی اس اس تغییر دهید. البته متاسفانه تا زمان نگارش این مقاله هنوز w3c این خصیصه CSS را Valid نکرده است.

نکنته مهم این است کدی که برای تنظیم Opacity یا همان شفافیت استفاده می کنید در تمام مروگر ها کار کند. برای این منظور از کد زیر استفاده کنید و فقط مقادیر شفافیت را تغییر دهید:
 

نوع محتوا: مقاله
سطح: مقدماتی
12 دیدگاه

92/09/13 چهارشنبه 15:19
[12] طراحی سایت:

با تشکر از سایت و مطالب خوبتون
90/02/26 دوشنبه 21:44
[11] طراحی سایت:

سلام آقای شهاب الدین رفیعی بله این خصیصه هنوز استاندارد نشده است. بنابراین در w3 ارور می دهد. ما سایت ها را برای کاربران درست می کنیم و نیازی
90/02/26 دوشنبه 12:55
[10] شهاب الدین رفیعی:

سلام . من از دستور -moz-border-radius:5px; -webkit-border-radius:5px; برای گرد کردن گوشه های کادر های سایتم استفاده کردم . اما وقتی میرم سایت http://jigsaw.w3.org/css-validator/ کل
89/11/15 جمعه 20:30
[9] طراحی سایت:

سلام آقای حسین سعیدی ممنون، بله این نکته را بهتر بود اضافه می کردم. اما استفاده از opacity اینقدر جذاب است که اکثر طراحان وب نمی توانند منتظر پا
89/11/15 جمعه 12:39
[8] حسین سعیدی:

سلام با تشکر از آموزش مفید تان میثم جان، فراموش کردید بگید که در حال حاضر خصیصه opacity مغایر با استاندارد های W3C هست!
89/10/06 دوشنبه 17:56
[7] طراحی سایت:

سلام آقای مهدی ف سئوال شما در ارتباط با سی اس اس نیست. سئوالاتتان را در بخش مرتبط ارسال کنید /programming/php/
89/10/06 دوشنبه 17:32
[6] مهدی.ق:

با سلام و خسته نباشید. میشه بفرمایید که بهترین ادیتور برای php چی هست؟ و ادیتور شما چیست؟ و همچنین برای یادگیری حرفه ای php چه روش(هایی)را پ
89/09/14 يكشنبه 22:24
[5] محمد:

تشكر از شما
89/09/14 يكشنبه 21:58
[4] طراحی سایت:

سلام آقای محمد آن htc احتمالا برای نمایش تراسنپرنت فایل های PNG در IE6 است و اگر کار نمی کند به فایل های دیگر لینک شده در وردپرستان بر می گردد. سئو
89/09/14 يكشنبه 20:10
[3] محمد:

سلام دوست عزيز من از اين استفاده كردم و انگار همه هم همين كار رو ميكنن اما نميدونم من چرا جواب نميگيرم body { behavior: url("csshover.htc"); } وقت منو رو
89/09/14 يكشنبه 18:42
[2] طراحی سایت:

سلام آقای محمد دلیل های مختلفی ممکن است وجود داشته باشد. که حتما باید کدتان را دیده باشم که بتوانم پاسخ دهم. در هر صورت بنده در فقط در مورد مق
89/09/14 يكشنبه 18:15
[1] محمد:

سلام من یک منو شبیه منوی سایت شما طراحي كردم البته کاملا متفاوت و از شما کپی نکردم اما تو ie کار نمي کنه ممکنه یک توضیح کوچيک به من بدهيد که با

SecImgSes




طراحی سایت ضابط ۱۳۸۴ - ۱۳۹۸