ورود

View Full Version : مبتدی: قرار نگرفتن تصویر در div با استفاده از Css


omidparkour
شنبه 07 تیر 1393, 11:37 صبح
سلام
من یک عکس رو به شکل زیر از Css فراخوانی کردم که برای یک div نمایش داده بشه اما جالبه که نمایش داده نشد
من همیشه با همین دستور عکس قرار میدم
شما هم یه بررسی کنید

<div id="main">
</div>
#main{ width:1024px;
height:768px;
background-image:url(../img/bg.jpg);


}
omidparkour
شنبه 07 تیر 1393, 12:18 عصر
آقا یعنی هیچ کس نمیدونه دلیل چیه؟
iman_k26
شنبه 07 تیر 1393, 13:08 عصر
نباید مشکلی داشته باشه....
آدرس عکستون رو یه چک کنید ببینید درسته
ab.ali
شنبه 07 تیر 1393, 13:13 عصر
دوست عزیز شما باید کد ها بازی کنید تا به نتیجه مورد نظرتون برسید، نگاه کنید شاید آدرس عکس رو اشتباه دادید یا عکستون زیر عنصری قرار گرفته و نشون داده نمی شه، نمی شه که بلافاصله بعد از این که مشکلی براتون پیش می آد، بیاین و اینجا تاپیک بزنین!
البته عذر می خوام که این ها رو گفتم، امیدوارم که ناراحت نشده باشین!
mohamad_torabi
شنبه 07 تیر 1393, 13:18 عصر
سلام
من یک عکس رو به شکل زیر از Css فراخوانی کردم که برای یک div نمایش داده بشه اما جالبه که نمایش داده نشد
من همیشه با همین دستور عکس قرار میدم
شما هم یه بررسی کنید

<div id="main">
</div>
#main{ width:1024px;
height:768px;
background-image:url(../img/bg.jpg);


}

این مشکل من قبلا داشتم راه حل اینه که width و height رو یا انداژه عکس بدین یا 100 درصد
omidparkour
شنبه 07 تیر 1393, 13:39 عصر
من قبل از اینکه بیام اینجا کلی روش کلنجار رفتم اما موفق نشدم
چون همه چیش اوکی بود
iman_k26
شنبه 07 تیر 1393, 14:15 عصر
این مشکل من قبلا داشتم راه حل اینه که width و height رو یا انداژه عکس بدین یا 100 درصد

اگر اندازه رو به بیشتر از اندازه خود تصویر بده تصویر رو repeat نمیکنه؟؟
mohamad_torabi
شنبه 07 تیر 1393, 14:18 عصر
اگر اندازه رو به بیشتر از اندازه خود تصویر بده تصویر رو repeat نمیکنه؟؟

خب بهش no-repeat رو میدیم
iman_k26
شنبه 07 تیر 1393, 14:22 عصر
خب بهش no-repeat رو میدیم

نه آخه شما گفتید که باید اندازه ای که میدن رو با اندازه تصویر یکی کنن... اما اگر تصویر کوچیکتر باشه repeat میکنه و اندازه رو پر میکنه و فکر نکنم نیازی به یکی کردم اندازه ها باشه....
omidparkour
شنبه 07 تیر 1393, 14:59 عصر
این فایلش خودتون نگاه کنید
http://up.i90.ir/uploads/1403976543.zip
omidparkour
شنبه 07 تیر 1393, 17:59 عصر
چی کارش کنم؟؟
mohamad_torabi
شنبه 07 تیر 1393, 18:04 عصر
چی کارش کنم؟؟
مشکل شما یکم عجیبه و دلیل نامشخص چون هرچی مدتون رو دستکاری کردم هیچی به هیچی:اشتباه:
omidparkour
شنبه 07 تیر 1393, 18:12 عصر
آره به خدا
چیه قضیه؟؟
mohamad_torabi
شنبه 07 تیر 1393, 18:16 عصر
یافتم یافتم
مژدگانی هم میدین قرار بدم کد رو؟
دانیال دزفولی
شنبه 07 تیر 1393, 18:20 عصر
نمیدونم چرا ولی مشکل از کامنت های سی اس اسه
mohammad005
شنبه 07 تیر 1393, 18:20 عصر
کد css عکس را به صورت زیر قرار بدید


background:url("../img/bg.jpg") no-repeat right top;


خط های بالاش را هم همه را پاک کنید مشکل دارند فایل normaliz که استفاده کردید درست نیست
mohamad_torabi
شنبه 07 تیر 1393, 18:21 عصر
نمیدونم چرا ولی مشکل از کامنت های سی اس اسه

نه مشکل چیز دیگه بود
mohamad_torabi
شنبه 07 تیر 1393, 18:22 عصر
براتون آپلود کردم ببینید خودتون مشکل رو میفهمید
http://uploadboy.com/z2viaal7s82g.html
mohamad_torabi
شنبه 07 تیر 1393, 18:23 عصر
این رو هم اگر زبان بلدید مطالعه کنید
http://stackoverflow.com/questions/4859375/css-background-image-not-working
دانیال دزفولی
شنبه 07 تیر 1393, 18:23 عصر
نه مشکل چیز دیگه بود

:متفکر:

خوب تو الآن طبق چی داری اینو میگی؟
mohammad005
شنبه 07 تیر 1393, 18:26 عصر
کد ها به صورت ساده:

<div id="main">
</div>

#main{ width:1400px; height:650px; background:url("../img/bg.jpg") no-repeat right top; }
mohamad_torabi
شنبه 07 تیر 1393, 18:28 عصر
:متفکر:

خوب تو الآن طبق چی داری اینو میگی؟

باز سر بحث رو باز کردی:لبخند:
http://stackoverflow.com/questions/4859375/css-background-image-not-working
omidparkour
شنبه 07 تیر 1393, 18:31 عصر
ممنون از همگی
حالا دعوا نکنید
زشته تو انجمن :لبخند::لبخند::قلب::قلب:
omidparkour
شنبه 07 تیر 1393, 18:33 عصر
الان باز مشکل داره
من میخوام فقط یکگراند اون div باشه که آیدیش main هست
omidparkour
شنبه 07 تیر 1393, 18:35 عصر
اوکی کردمش :بوس::قلب:
omidparkour
شنبه 07 تیر 1393, 18:41 عصر
چی کنم اطرافش سفید نباشه؟
دانیال دزفولی
شنبه 07 تیر 1393, 18:49 عصر
background:url("../Images/bg.jpg") no-repeat fixed 0 0; background-size: 100%;
width:100%;
height:100%;

background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="Images/bg.jpg", sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoade r(src="bg.jpg", sizingMethod='scale')";
omidparkour
شنبه 07 تیر 1393, 18:59 عصر
هیچ تغییری نکرد که
دانیال دزفولی
شنبه 07 تیر 1393, 19:02 عصر
* { margin: 0;
padding: 0;
}
#main {
position: fixed;
background: url(../img/bg.jpg) no-repeat;
background-size: 100%;
width: 100%;
height: 100%;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src="Images/bg.jpg", sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageL oade r(src="bg.jpg", sizingMethod='scale')";
}