ورود

View Full Version : اعمال opacity بر روی یک دیو و به وجود آمدن مشکل



sun2rise
پنج شنبه 11 اردیبهشت 1393, 19:42 عصر
من وقتی که opacity یک دیو رو کم میکنم ، opacity همه دیو هایی که داخل این دیو هستن نیز کم میشه و هر کاری میکنم درست نمیشه
چطور میتونم فقط به دیو مورد نظر خود opacity بدم طوری که روی دیوهای داخل آن تاثیر نذاره

130000
پنج شنبه 11 اردیبهشت 1393, 22:21 عصر
سلام

برای اینکه به یک div اعمال کنی خاصیت id رو بهش بده و یک نام براش قرار بده و در سی اس اس از نامی که قرار دادی برای سلکتور استفاده کن
اگر خواستی به چند تا دایو یک استایل رو اعمال کنی از خاصیت class استفاده کن

برای صدا زدن سلکتور id باید از( # )شارپ استفاده کنی و برای class از( . ) نقطه استفاده کنی.
مثل مثال زیر



<style>
#ali
{
width:100px;
height:100px;
background:#000;
}

.reza
{
width:100px;
height:100px;
background:#F00;
}
</style>


<div id="ali"></div>

<div class="reza"></div>
<div class="reza"></div>
<div class="reza"></div>
<div class="reza"></div>






موفق باشید.

sun2rise
پنج شنبه 11 اردیبهشت 1393, 23:29 عصر
سلام

برای اینکه به یک div اعمال کنی خاصیت id رو بهش بده و یک نام براش قرار بده و در سی اس اس از نامی که قرار دادی برای سلکتور استفاده کن
اگر خواستی به چند تا دایو یک استایل رو اعمال کنی از خاصیت class استفاده کن

برای صدا زدن سلکتور id باید از( # )شارپ استفاده کنی و برای class از( . ) نقطه استفاده کنی.
مثل مثال زیر



<style>
#ali
{
width:100px;
height:100px;
background:#000;
}

.reza
{
width:100px;
height:100px;
background:#F00;
}
</style>


<div id="ali"></div>

<div class="reza"></div>
<div class="reza"></div>
<div class="reza"></div>
<div class="reza"></div>






موفق باشید.


اینایی که شما گفتید رو من بلدم شما فرض بگیرید که در داخل دیو reza یک دیو به نام ali دارم حالا میخوام کلاس reza را خاصیت opacity آن را کم کنم وقتی که این خاصیت کم میشه همین خاصیت هم روی دیو ali اتفاق میوفته و باعث میشه دیو ali هم opacity کمتری داشته باشه
در حالی که من میخوام فقط دیو reza ، شفاف بشه و دیو ali به صورت عادی بمونه

masoud_pnu
جمعه 12 اردیبهشت 1393, 00:35 صبح
راه حل مشکل شما:
http://css-tricks.com/non-transparent-elements-inside-transparent-elements/

_mojitaba_
جمعه 12 اردیبهشت 1393, 12:58 عصر
دوست عزیز opacity برای کل مجموعه است شما اگه میخواید فقط بکگراند رو کم کنید باید از rgba یا hsla استفاده کنید