View Full Version : سوال در مورد خصوصیت opacity
javad75
پنج شنبه 10 اسفند 1391, 16:26 عصر
سلام من یک div دارم با یک بک گراند زرد رنگ و یک div دیگه با بک گراند سفید رنگ و قتی که در اون div که بک گراندش سفید رنگ هست از خاصیت opacity استفاده می کنم کل متن هایی که داخل این div سفید رنگ هست هم خصوصیت opacity را به ارث می برند و من نمی خواهم این طوری باشه باید چه کارکنم؟!
2undercover
پنج شنبه 10 اسفند 1391, 17:47 عصر
امکانش فک نمی کنم وجود داشته باشه!
تنها راهش فک می کنم استفاده از rgba برای رنگ بکگرانده که کانال alpha یا همون مقدار چهارمش باعث کم رنگ شدن پس زمینه میشه!
background-color: rgba(0,0,0,0.5);
pirmard66
پنج شنبه 10 اسفند 1391, 21:05 عصر
سلام من یک div دارم با یک بک گراند زرد رنگ و یک div دیگه با بک گراند سفید رنگ و قتی که در اون div که بک گراندش سفید رنگ هست از خاصیت opacity استفاده می کنم کل متن هایی که داخل این div سفید رنگ هست هم خصوصیت opacity را به ارث می برند و من نمی خواهم این طوری باشه باید چه کارکنم؟!
سلام دوست عزیز...
شما به اون تگی که متن داخلش هست یه آیدی بده و بعد...
به مثال زیر دقت کن:
#matn
{
opacity:1 !important;
}
ایمپورتانت باعث میشه دیگه ارث نبره!!!!
Good Luck
2undercover
جمعه 11 اسفند 1391, 05:55 صبح
سلام دوست عزیز...
شما به اون تگی که متن داخلش هست یه آیدی بده و بعد...
به مثال زیر دقت کن:
#matn
{
opacity:1 !important;
}
ایمپورتانت باعث میشه دیگه ارث نبره!!!!
Good Luck
شما امتحان کردی! جواب نمیده!
pirmard66
جمعه 11 اسفند 1391, 18:44 عصر
شما امتحان کردی! جواب نمیده!
تست شده دوست عزیز....
جواب داده!!!
2undercover
جمعه 11 اسفند 1391, 20:04 عصر
من که هر کار کردم جواب نداد!!!
کامروا
جمعه 11 اسفند 1391, 21:11 عصر
تست شده دوست عزیز....
جواب داده!!!
جواب نمیده. اگر مطمئنید جواب میده (که بعید میدونم) مثالی قرار بدید.
از این طریق میتونید استفاده کنید :
کد HTML :
<div class="parent">
<div class="child">
من دیو فرزند هستم
</div>
</div>
کدهای CSS :
.parent{
position: relative;
}
.parent:before {
z-index: -1;
content: '';
position: absolute;
opacity: 0.2;
width: 400px;
height: 200px;
background: url('http://img42.imageshack.us/img42/1893/96c75664f7e94f9198ad113.png') no-repeat 0 0;
}
.child {
Color:black;
}
موفق باشید
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.