نحوه دسترسی به ویژگی های یک باکس، موقع Hover یک باکس دیگر

[asghar2008]

سلام

سوال اول :من یه باکس دارم که با Div طراحی شده. داخل این Div یه Div دیگه دارم! میخوام دایو داخلی در قسمت Footer دایو اصلی قرار بگیره.
عکس زیر گویای مسئله هست !!!


107317


سوال دوم: آیا امکانش هست موقع Hover یک Div به مشخصات یک Div دیگه دسترسی داشت؟؟

یه مثال بزنم: میخوام موقعی که در باکس اصلی عمل Hover انجام شد پس زمینه اون سفید و پس زمینه باکس داخلی آبی بشه .
اینم کدهایی که استفاده شده.
مشخصات باکس 1:

.box-1 {
background-color:#6C9;
width:291px;
height:180px;
margin:5px;


}


مشخصات باکس داخلی:

.box-child{
width:291px;
height:50px;
background:rgba(255,255,255,0.3);
text-align:center;
padding-top:5px;



}


با سپاس از همه عزیزان.

[mehbod.rayaneh]

سلام
چون رابطه والد و فرزندی دارن میشه با css این کارو کرد. ولی اگه رابطه والد و فرزندی نداشتن باید با js این کارو میکردید!
اینطوری :

.box-1{
background-color:#6C9;
width:291px;
height:180px;
margin:5px;
}
.box-child{
width:291px;
height:50px;
background:rgba(255,255,255,0.3);
text-align:center;
padding-top:5px;
}
.box-1:hover{
background:#f2f
}
.box-1:hover .box-child{
background:blue
}

[asghar2008]

سلام
چون رابطه والد و فرزندی دارن میشه با css این کارو کرد. ولی اگه رابطه والد و فرزندی نداشتن باید با js این کارو میکردید!
اینطوری :

.box-1{
background-color:#6C9;
width:291px;
height:180px;
margin:5px;
}
.box-child{
width:291px;
height:50px;
background:rgba(255,255,255,0.3);
text-align:center;
padding-top:5px;
}
.box-1:hover{
background:#f2f
}
.box-1:hover .box-child{
background:blue
}


ممنون دوست گرامی

متشکرم.

برای سوال اولم میدونم باید از ویژگی Position استفاده کنم ولی دقیق نمیدونم چطوری مقدار دهی کنم !!

از Absolute استفاده کردم و مقدار Topشو مقدار دهی کردم اما اون چیزی نبود که من میخوام !

[mehbod.rayaneh]

باید از این برای فرزند استفاده کنید :

position:relative !important;
top:125px;