سوال: یک مشکل خیلی کوچک در css کد background [بایگانی]

capitan_nemesis

سه شنبه 24 دی 1392, 11:04 صبح

با سلام
من این کد را مینویسم

<!DOCTYPE html>
<html>
<head>
<style>
#body
{
background: url(backg.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}

</style>

<meta charset="UTF-8">
<title>صفحه من </title>

</head>
<body id="body" >

</body>
</html>

اینم عکس مورد نظر

http://www.webdesignhot.com/wp-content/uploads/2011/03/Abstract-Light-Background-Vector-Graphic.jpg

ولی به عنوان زمینه قرار نمیگیره
برای اولین بار یه همچین مشکلی برخوردم
چکار کنم ؟؟؟
ممنون

mehbod.rayaneh

سه شنبه 24 دی 1392, 11:38 صبح

درود
من دقیقا کدو شما را تست کردم جواب دادا! هوم؟
فقط! ب آدرس دهی برای عکس دقت کنید!
ب نام عکس هم دقت کنید!
همین!
موفق باشید

e_a_23

سه شنبه 24 دی 1392, 12:41 عصر

من فکر می کنم ایراد از ترتیب نوشتن property های background هست. باید ابتدا background-repeat رو بنویسید و بعد attachment و position.
برای اطلاعات بیشتر می تونید به این لینک سر بزنید که ترتیب تمام property ها رو هم در انتهاش نوشته:
http://www.beyamooz.com/css/85-style/93-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D8%B1%D9%86%DA%AF-%D9%88-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D9%BE%D8%B3-%D8%B2%D9%85%DB%8C%D9%86%D9%87-%D8%AF%D8%B1-CSS

capitan_nemesis

سه شنبه 24 دی 1392, 15:08 عصر

دوستان این کد
<!DOCTYPE HTML>
<html>
<head>
<style>
#body
{
background-image:url('file:///C:/Users/nemesis/Desktop/New folder/backg.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
margin: auto;
}

</style>
<meta charset="utf-8" />
<title>Untitled 1</title>

</head>
<body id="body">

</body>
</html>
اینم عکس این شکلی میشه
http://www.uploadax.com/images/86014413208260952559_thumb.jpg (http://www.uploadax.com/viewer.php?file=86014413208260952559.jpg)

capitan_nemesis

سه شنبه 24 دی 1392, 15:11 عصر

راستی با 5 تا نرم افزار امتحان کردم همین مشکل را دارند

e_a_23

سه شنبه 24 دی 1392, 15:43 عصر

یعنی شما می خواید این عکس در بک گراند فیت بشه و ثابت باشه؟ کل body رو بپوشونه دیگه؟
در ضمن بهتره که عکس رو در فولدری که پروژه هست قرار بدید. یک فولدر جداگانه برای عکسا در نظر بگیرید به نام مثلا Images و عکس هاتونو بریزید توش. فقط به آدرس دهی توجه کنید.

mehbod.rayaneh

سه شنبه 24 دی 1392, 15:45 عصر

درود
خوب کدی ک شما نوشتید دقیقا باید همین کارو بکنه!!!
عکس را ب عنوان بکگراند body قرار بده!
بکگراند body تکرار نشه!
و بکگراند body با اسکرول خوردن صفحه ثابت باشه!
با 100 تا مرورگر دیگه هم تست کنید همین شکلی میشه!
شما بفرمایید میخواید چ اتفاقی بیافته تا بشه کمک کرد!

e_a_23

سه شنبه 24 دی 1392, 15:47 عصر

body
{
background: url("../Images/Blue-Matrix.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

به جای آدرس و اسم عکسی که من نوشتم آدرس و اسم عکس خودتونو بذارید فکر می کنم ج بده.

capitan_nemesis

چهارشنبه 25 دی 1392, 10:12 صبح

درود
خوب کدی ک شما نوشتید دقیقا باید همین کارو بکنه!!!
عکس را ب عنوان بکگراند body قرار بده!
بکگراند body تکرار نشه!
و بکگراند body با اسکرول خوردن صفحه ثابت باشه!
با 100 تا مرورگر دیگه هم تست کنید همین شکلی میشه!
شما بفرمایید میخواید چ اتفاقی بیافته تا بشه کمک کرد!

با سلام
یه سایت تبلیغات هستش (آدرس شو هم بلد نیستم ) لول هم تیست و صفحه ثابت هستش
این هم به عنوان بکگراند میخوام باشه ولی نمیشه
هم روی چندین ادیتور امتحان کردم و هم روی چندین مرورگر

capitan_nemesis

چهارشنبه 25 دی 1392, 10:15 صبح

body
{
background: url("../Images/Blue-Matrix.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

به جای آدرس و اسم عکسی که من نوشتم آدرس و اسم عکس خودتونو بذارید فکر می کنم ج بده.

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