PDA

View Full Version : کنترل تاثیر پذیری استایل یک div از div والد


leaping
دوشنبه 08 مهر 1392, 18:42 عصر
با سلام خدمت اساتید محترم

چطوری میشه کاری کرد که یک div که براش یک استایل مثلا opacity تعریف شده کاری کنیم که div داخل اون این تاثیر پذیری رو نداشته باشه؟


<style type="text/css">
.Header-button-bg1 {border-bottom:9px; margin-top:6px; margin-left:8px; width:100px; height:64px; float:left; background-color:#CCCCCC; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-bottom-left-radius: 5px 5px; opacity:0.5;}
.Header-button-bg2 {border-bottom:5px; margin-top:5px; margin-left:5px; margin-right:5px; width:90px; height:54px; float:left; background-color:#666666; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px;border-bottom-right-radius: 3px 3px;border-bottom-left-radius: 3px 3px; opacity:0.5;}
</style>

<body>
<div class="Header-button-bg1">
<div class="Header-button-bg2"></div>
</div>
</body>
anvar
دوشنبه 08 مهر 1392, 19:41 عصر
راهنما (http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/)

دمو (http://www.impressivewebs.com/demo-files/css-opacity/)
leaping
دوشنبه 08 مهر 1392, 20:09 عصر
ممنون این روش به ذهن خودم رسیده بود فقط فکر میکردم غیر اصولیه اما گویا چاره ای نیست
reza10wert
دوشنبه 08 مهر 1392, 20:14 عصر
ممنون این روش به ذهن خودم رسیده بود فقط فکر میکردم غیر اصولیه اما گویا چاره ای نیست
مشکلتون حل شد الحمدلله ؟
leaping
دوشنبه 08 مهر 1392, 23:11 عصر
مشکلتون حل شد الحمدلله ؟

ممنون با این روش اگه کار کنم بله ولی حس میکنم زیاد حرفه ای گونه نییست این روش
ممنون از پیگیریتون
Omid Jackson
سه شنبه 09 مهر 1392, 18:24 عصر
http://stackoverflow.com/questions/10879045/how-to-set-opacity-in-parent-div-and-not-effect-in-child-div
leaping
جمعه 08 آذر 1392, 13:44 عصر
http://stackoverflow.com/questions/10879045/how-to-set-opacity-in-parent-div-and-not-effect-in-child-div

دوست عزیز این روش برای خاصیت opacity جواب نمیده
Omid Jackson
جمعه 08 آذر 1392, 15:27 عصر
دوست عزیز این روش برای خاصیت opacity جواب نمیده
این روش خیلی هم خوب روی opacity جواب میده، رو هوا که جواب نمیدم، خوندم سوال شما رو برا همین این رو گذاشتم
leaping
شنبه 09 آذر 1392, 22:01 عصر
این روش خیلی هم خوب روی opacity جواب میده، رو هوا که جواب نمیدم، خوندم سوال شما رو برا همین این رو گذاشتم

دوست عزیز ممنون از پیگیریتون ولی جواب نداد خودتون امتحان کنید.
این روشی که شما دارید میگید رو تو همون طراحی اولیه اینطوری انجام میدن ولی اشتباهه
دوست گرامی من هم کار کردم این سوالو پرسیدم
نوب نیستم :D
Omid Jackson
شنبه 09 آذر 1392, 23:07 عصر
این خدمت شما
http://jsfiddle.net/OmidJackson/8zaww/
(http://jsfiddle.net/OmidJackson/8zaww/5/) قصد جسارت ندارم ولی من امتحان کردم شد، حالا باز بستگی داره که شما بخواین چیکار کنین با این!!
من این رو با کد های خودتون آماده کردم
leaping
دوشنبه 11 آذر 1392, 00:54 صبح
این خدمت شما
http://jsfiddle.net/OmidJackson/8zaww/
(http://jsfiddle.net/OmidJackson/8zaww/5/) قصد جسارت ندارم ولی من امتحان کردم شد، حالا باز بستگی داره که شما بخواین چیکار کنین با این!!
من این رو با کد های خودتون آماده کردم

جسارت نکردین
دمت گرم اما این کجاش با مثالی که بالا زدین یکیه؟
خاصیته postion راه حلشه نه وراثت و والد دوست عزیز
چیزی که شما در بالا گفته بودین وراثت هست که هیچ ربطی به این قضیه نداره اما در مورد جواب شما باید بگم تو همین پست و بالاتر از پست شما همین پاسخ داده شده
Omid Jackson
دوشنبه 11 آذر 1392, 08:46 صبح
جسارت نکردین
دمت گرم اما این کجاش با مثالی که بالا زدین یکیه؟
خاصیته postion راه حلشه نه وراثت و والد دوست عزیز
چیزی که شما در بالا گفته بودین وراثت هست که هیچ ربطی به این قضیه نداره اما در مورد جواب شما باید بگم تو همین پست و بالاتر از پست شما همین پاسخ داده شده
این همون وراثت هستش، شما داخل همون دیو گذاشتین اینو ولی با سلکتور افتر باعث میشه که روی اون دیو تغییر ایجاد نکنه، تنها راه حل هم فقط همین هستش