سوال: streach کردن بک گراند در صفحه با css [بایگانی]

samira2222

شنبه 04 آبان 1392, 10:45 صبح

سلام
من میخوام تصویر بک گراندم در صفحه به صورت streach باشه و با zoom in , zoom out مرورگر تصویرم ناقص یا کاشی کاشی نشه ، کدهای مختلف رو هم امتحان کردن اما نشد ، ممنون میشم کمکم کنید فقط خیلی فوریه :افسرده:

websitedevelop

شنبه 04 آبان 1392, 10:53 صبح

سلام
من میخوام تصویر بک گراندم در صفحه به صورت streach باشه و با zoom in , zoom out مرورگر تصویرم ناقص یا کاشی کاشی نشه ، کدهای مختلف رو هم امتحان کردن اما نشد ، ممنون میشم کمکم کنید فقط خیلی فوریه :افسرده:

سلام
می تونی از این کد استفاده کنی:

{
background-size: 100%;
}
یا

{
background: 100% 50%;
}
که 100% width رو stretch میکنه و height رو 50%. حالا میزان درصد رو به دلخواه میتونی انتخاب کنی.
طراحی سایت (http://websitedevelop.ir)

e_a_23

شنبه 04 آبان 1392, 11:24 صبح

body
{
background: url("IMAGE URL") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

که البته فکر میکنم cover درورژن های پایین IE کارنمیکنه.

websitedevelop

شنبه 04 آبان 1392, 11:27 صبح

body
{
background: url("IMAGE URL") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

که البته فکر میکنم cover درورژن های پایین IE کارنمیکنه.
اگه از این کد بخوای استفاده کنی برای این که توی IE کار کنه باید این رو هم اضافه کنی:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader (src='myBackground.jpg', sizingMethod='scale')";
zoom:1;

samira2222

شنبه 04 آبان 1392, 12:04 عصر

ممنون از همه
اما من چون پورتال خودش وسط صفحه رو میگیره این تصویر هم میره پشت اون و سمت راست و چپ صفحه خالی میمونه ( امیدوارم تونسته باشم منظورم رو برسونم :ناراحت:)
حالا باید چی کار کنم ؟

websitedevelop

شنبه 04 آبان 1392, 12:24 عصر

ممنون از همه
اما من چون پورتال خودش وسط صفحه رو میگیره این تصویر هم میره پشت اون و سمت راست و چپ صفحه خالی میمونه ( امیدوارم تونسته باشم منظورم رو برسونم :ناراحت:)
حالا باید چی کار کنم ؟

اگه آدرس سایت داری بفرست یا اگه live نیست یه screenshot بفرست

e_a_23

شنبه 04 آبان 1392, 12:48 عصر

من متوجه منظور شما شدم.کدی که گذاشتم رو امتحان کردین؟جواب نداد؟

samira2222

شنبه 04 آبان 1392, 13:13 عصر

112250
میخوام بک گراند اسمون به صورت تمام صفحه باشه ولی نمیشه :ناراحت: فقط زیر پورتال رو میگیره
چی کار باید بکنم ؟ :افسرده:

samira2222

شنبه 04 آبان 1392, 13:15 عصر

من متوجه منظور شما شدم.کدی که گذاشتم رو امتحان کردین؟جواب نداد؟

نه ، جواب نداد

websitedevelop

شنبه 04 آبان 1392, 13:27 عصر

112250
میخوام بک گراند اسمون به صورت تمام صفحه باشه ولی نمیشه :ناراحت: فقط زیر پورتال رو میگیره
چی کار باید بکنم ؟ :افسرده:

<body>
<div class="portal">
</div>
</body>
بعد توی css داریم:
body{
background-image:url('your picture url ');
backgrouand-size:100%;
width:100%;

}
.portal{
width:960px;
}

حتما از background-image استفاده کن

طراحی سایت (http://websitedevelop.ir)

e_a_23

شنبه 04 آبان 1392, 18:51 عصر

احتمالا شما به body این background رو ندادین و به قسمتی که محتویات رو توش گذاشتین (دایو کلی) background دادین که به این شکل شده.

samira2222

یک شنبه 05 آبان 1392, 07:18 صبح

نه متاسفانه بازم جواب نداد
کد رو تو تگ body می نویسم اما .... :افسرده:

e_a_23

یک شنبه 05 آبان 1392, 09:49 صبح

لطفا کدتون رو بذارید ببینیم مشکل از کجاست.