94-3-28، 11:46 عصر
(آخرین ویرایش در این ارسال: 94-3-28، 11:51 عصر، توسط ar-blogger.)
شاید برای شما هم پیش اومده باشه که بخواید متنی با opacity:1 رو در باکسی با opacity:0.5 (یا ...) قرار بدید؛ برای این کار دو تا (یا شاید هم بیشتر!) راه وجود داره؛ که در پایین بهشون اشاره شده:
۱- غیر استاندارد: استفاده از دو باکس مختلف (یکی برای متن با شفافیت کامل و یکی برای باکس اصلی با شفافیت ناقص) که بعدش با position:absolute اون دو باکس رو روی هم میندازیم:
دمو
۲- استفاده از بکگراند شفاف: به نمونهی زیر توجه کنید:
در این جا با استفاده از rgba (به جای استفاده از rgb) شفافیت باکس رو به 0.5 رسوندیم؛ (منظور از α ،a است)
البته میتونید با background-image هم این کار را انجام دهید؛
دمو
۱- غیر استاندارد: استفاده از دو باکس مختلف (یکی برای متن با شفافیت کامل و یکی برای باکس اصلی با شفافیت ناقص) که بعدش با position:absolute اون دو باکس رو روی هم میندازیم:
دمو
۲- استفاده از بکگراند شفاف: به نمونهی زیر توجه کنید:
کد:
background-color:rgba(255,255,255,0.5)
البته میتونید با background-image هم این کار را انجام دهید؛
دمو
تا حالا تایتانیک رو از نزدیک دیدی؟ (متاسفانه هاردم سوخت و هر چی تایتانیک و ... بود رو آب برد! برام دعا کنین درس شه :دی)