سوال: div [بایگانی] - برنامه نویس

esteftaats

جمعه 07 شهریور 1393, 09:53 صبح

سلام دوستان.

این عکس رو ببینین :

http://img.ir/BxWc.jpg
ما 2 تا div داریم : div مادر و div فرزند.

منتها اون div که کوچیکتره ، div مادر هستش :لبخند:

و به div فرزند opacity یا rgba داده شده که div مادر هم با اینکه زیر هستش دیده میشه.

مشکل اینه که نمی دونم چجوری باید پیاده سازیش کرد با css!

r4hgozar

جمعه 07 شهریور 1393, 13:24 عصر

سلام.
اصلا یه جوری سوال کردین در حد تیم ملی. سوال کنکور دکترا. کاملا مجهول در مجهول.
من اگه منظورتون اینه که می خواین div 960px دایو مادر باشه و وسط هم قرار بگیره.
باید margin: auto بدین.
به نظرم یه عکس بسازین بزارین به ها راحت تر جواب بدن.
موفق باشید

esteftaats

جمعه 07 شهریور 1393, 16:41 عصر

مرسی ازت.

نه منظورم چیز دیگه بود.

یه تصویر هم گذاشتم.

امیدوارم متوجه بشین :لبخند:

Azar.099

جمعه 07 شهریور 1393, 20:07 عصر

سلام

تصویرتون نیومده ...

esteftaats

جمعه 07 شهریور 1393, 20:51 عصر

سلام

تصویرتون نیومده ...

سلام یعنی این عکس که این زیره برای شما قابل مشاهده نیست؟

http://img.ir/BxWc.jpg

ABZiko

جمعه 07 شهریور 1393, 23:18 عصر

اول یک سوال ، چطور دایو والد کوچک تر از دایو فرزنده؟؟:متفکر:
در سوال هم خب به دایو فرزند opacity یا rgba بده دیگه، خیلی واضحه. کجاش رو شما مشکل دارین؟

esteftaats

شنبه 08 شهریور 1393, 08:43 صبح

اول یک سوال ، چطور دایو والد کوچک تر از دایو فرزنده؟؟:متفکر:
در سوال هم خب به دایو فرزند opacity یا rgba بده دیگه، خیلی واضحه. کجاش رو شما مشکل دارین؟
ببین ، در حالت معمولی دایو فرزند توی دایو والد هستش که بخشی از دایو مادر مشخص نیست (بخاطر اینکه اون فضا رو دایو فرزند می گیره ، البته اگه بک گراند متفاوتی داشته باشه)

اما من می خوام دایو بزرگتر روی دایو کوچیکتر باشه و بهش rgba بدم که هر دو مشخص باشن ( یه حالت زیبایی میشه)

به خاطر همین خواستم div فرزند رو با توجه به اینکه همیشه رو هستش بزرگترش کنم.

راه حلی داری؟ مرسی

vimax23

شنبه 08 شهریور 1393, 08:51 صبح

سلام دوستان.

این عکس رو ببینین :

http://img.ir/BxWc.jpg
ما 2 تا div داریم : div مادر و div فرزند.

منتها اون div که کوچیکتره ، div مادر هستش :لبخند:

و به div فرزند opacity یا rgba داده شده که div مادر هم با اینکه زیر هستش دیده میشه.

مشکل اینه که نمی دونم چجوری باید پیاده سازیش کرد با css!

منظورت اینه که اون دیو کوچیکه میخوایی opacity بخوره منتهی دیو بزرگه این خصوصیت رو نگیره؟

esteftaats

شنبه 08 شهریور 1393, 09:02 صبح

منظورت اینه که اون دیو کوچیکه میخوایی opacity بخوره منتهی دیو بزرگه این خصوصیت رو نگیره؟
نه .

می خوام div کوچیکه زیر div بزرگه باشه و div بزرگه opacity بخوره

qartalonline

شنبه 08 شهریور 1393, 11:18 صبح

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<style type="text/css">
#parent{
margin: 0 auto;
margin-top: 300px;
background: #666;
position: relative;
width: 150px;
height: 100px;
}
#child{
position: absolute;
height: 200px;
width: 400px;
bottom: -10px;
right: 50%;
margin-right: -200px;
background: rgba(255, 0, 0, 0.5);
}
</style>
</head>
<body>

<div id="parent">
<div id="child"></div>
</div>

</body>
</html>

Azar.099

شنبه 08 شهریور 1393, 12:13 عصر

اون
position: absolute و position: relative;

چکار میکنن ؟؟

esteftaats

شنبه 08 شهریور 1393, 12:22 عصر

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<style type="text/css">
#parent{
margin: 0 auto;
margin-top: 300px;
background: #666;
position: relative;
width: 150px;
height: 100px;
}
#child{
position: absolute;
height: 200px;
width: 400px;
bottom: -10px;
right: 50%;
margin-right: -200px;
background: rgba(255, 0, 0, 0.5);
}
</style>
</head>
<body>

<div id="parent">
<div id="child"></div>
</div>

</body>
</html>

مرسی ازت.

خودشه.

فقط نمی دونین چجوری باید child رو اون قدری بزگ کرد که کل body رو بگیره؟ در همه حالت ، چه مرورگز بزرگ باشه و چه کوچیک

ABZiko

شنبه 08 شهریور 1393, 14:08 عصر

نه .

می خوام div کوچیکه زیر div بزرگه باشه و div بزرگه opacity بخوره
خب به دیو کوچک z-index بده به بزرگه هم opacity یا rgba.