ورود

**setarehh** · 92-11-1، 12:58 عصر

سلام دوستان
من تو قالبی که طراحی کردم برای قسمت بالای سایت به دایو کلی در نظر گرفتم که شامل دو تا دایو منوی اصلی و هدر سایت میشه در واقع به این شکل:
<div>
<div id=mainmenu> mainmenu</div>
<div id=header> header</div>
</div>
حالا میخوام واسه استایل دهی این دو تاموقعیت دایو منو روی دایو هدر قرار بگیره و شفاف باشه رنگش طوریکه عکسی که واسه بکگراند هدر در نظر گرفتم دیده بشه ، خیلی سعی کردم اما نتونستم css اشو بزنم،با css هم نسبتا آشنا هستم

عکسشو میزارم تا منظورمو دوستان بهتر متوجه شن

**Mr.AliReza** · 92-11-1، 02:06 عصر

این کد کمکتون میکنه :

کد: 

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

<title></title>

<style type="text/css">

#header {

margin:auto;

width:900px;

height:100px;

background-color:#0094ff;

}

#banner {

position:absolute;

left:230px;

top:30px;

width:350px;

height:60px;

background-color:#f00;

}

</style>

</head>

<body>

<div id="header"></div>

<div id="banner"></div>

</body>

</html>

**setarehh** · 92-11-1، 03:09 عصر

(92-11-1، 02:06 عصر)Mr.AliReza نوشته است: این کد کمکتون میکنه :

کد:

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #header { margin:auto; width:900px; height:100px; background-color:#0094ff; } #banner { position:absolute; left:230px; top:30px; width:350px; height:60px; background-color:#f00; } </style> </head> <body> <div id="header"></div> <div id="banner"></div> </body> </html>

ممنونم دوست عزیز، margin هدر رو که auto زدم درست شد، حالا دو تا سوال داشتم، اول اینکه یه توضیح مختصر میدین که دقیقا magin:auto و position:absolute چه خاصیتی رو ایجاد میکنن که مثلا الان هدر من درست شد و منوبار هم افتاد روش؟

سوال دیگه هم اینکه حالا چیکار کنم که منوبار شفافیت داشته باشه و قسمتی از عکس هدر که زیرش قرار گرفته دیده بشه؟

بینهایت ممنونم

**Mr.AliReza**

وقتی خصوصیت position:absolute رو به Objectیی میدهیم ، باعث میشه که اون Object ، موقعیتش نسبت به دیگر عناصر تاثیری نداشته باشه !

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

کد: 

opacity: 0.5;

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک