حذف شدن background-image

[mammad99]

سلام دوستان
میخوام وقتی طول و عرض بروزرم به یه اندازه خاص میرسه background-image دیگه کار نکنه و به جاش background-color اجاره بشه مثلا وقتی طول و عرض مرورگر شد 600*800 و کمتر از 600*800
کسی میتونه کد مورد نظرمو بهم بده؟

[سعید کشاورز]

باید از دستور media screen استفاده کنی...توی سایت w3school یه سرچ بزن خیلی راحته..جای اینکه جواب کامل رو بهت بدم خودت رو میفرستم دنبال جواب ..یه ضرب المثل چینی میگه به رفیقت جای ماهی، ماهیگیری یاد بده...اگه نتونستی بگو کمکت کنم

[mammad99]

خیلی ممنون ازراهنمایی هاتون
من این کد ها رو گذاشتم ولی هیچ اتفاقی نیوفتاد
body{
background-image:url(bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
margin-top:0;
background-attachment:fixed;
}
@media only screen and (max-width: 500px)
{
body {
background-color: #e4c7a7;
}
}

اینم ادرس صفحه ای که دارم درست میکنم
http://jalase.net/contact/contact_us.html

[سعید کشاورز]

بفرمایید...
کامنت گذاری کردم برات داخل سورس بخون میفهمی

[mammad99]

ممنون پس باید برای دوتا سایز شرط تعریف میکرم درحالی که برای یک سایز تعریف کرده بودم و درست کار نمیکرد درسته
بازم ممنون

[سعید کشاورز]

ممنون پس باید برای دوتا سایز شرط تعریف میکرم درحالی که برای یک سایز تعریف کرده بودم و درست کار نمیکرد درسته
بازم ممنون
اره دیگه..شایدم راه دیگه ای باشه...من بلدم نباشم..حالا سرچ کن راه دیگه ای هم بود به ما هم یاد بده :چشمک:

[ABZiko]

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



@media screen and (min-width: 1200px) {
...
#nav-main li {
float: none;
margin: 0;
}
#nav-main a {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
}


اگر در این زمینه می خواین اطلاعاتتون رو کامل کنید، برید این کتاب رو دانلود کنید ...
CSS3 Media Queries Responsive Design STC Summit
خیلی کمکتون می کنه ...

[2undercover]

همونطور که گفته شد، نیازی به دو شرط نیست. تنها اشکال کد شما اینه که شما توی مدیا کوئری باید background-image رو حذف می کردی که حذف نشده.