سوال: کشیدن عکس background با css [بایگانی]

aliv.2022

دوشنبه 07 مرداد 1392, 13:03 عصر

جدیدا دیگه سایت ها واسه کم شدن حجم سایت واسه background یه عکس مثلا 1x100 درست میکنن بعد اونو میکشن تا همه صفحه رو بپوشونه
من با خود تگ html نوشتم اینو و جواب میده

<body style="pudding:0;margin:0">
<img src="test\bg.png" height="100%" width="100%">
</body>

و نتیجش اینجوری میشه
108093
اما میخوام با css بنویسمش

<body style="background-image:url(test\bg.png); height:100%; width:100%">
</body>

ولی نتیجه نمیده اینجوری میشه
108095
چرا height رو نمیکشه؟:گریه::گریه:

mohamad_torabi

دوشنبه 07 مرداد 1392, 13:11 عصر

سلام
از این کد استفاده کنید د قایل css

body{background-image:url('images/Snapshot_2013-06-13_031432.png');
background-repeat:repeat-x;}

aliv.2022

دوشنبه 07 مرداد 1392, 13:14 عصر

سلام
از این کد استفاده کنید د قایل css

body{background-image:url('images/Snapshot_2013-06-13_031432.png');
background-repeat:repeat-x;}

خب الان repeat ها حذف میشه اما عکس کشیده نمیشه تا پایین صفحه
از background-size:100% 100% هم استفاده کردم ولی اتفاقی نمی افته

کامروا

دوشنبه 07 مرداد 1392, 14:00 عصر

درود به این شکل بنویسید :

<body style="background:url(test\bg.png); background-size: 100%; background-repeat:repeat-x;">
</body>

aliv.2022

سه شنبه 08 مرداد 1392, 00:07 صبح

درود به این شکل بنویسید :

<body style="background:url(test\bg.png); background-size: 100%; background-repeat:repeat-x;">
</body>

مشکل آدرس دادنم هم بود انگار... چون قبلا هم background-size رو امتحان کرده بودم ، از تو فولدر درآوردم عکس رو گذاشتم کنار فایل html درست شد! مرسی بازم ;)

white tower

سه شنبه 08 مرداد 1392, 23:57 عصر

با css اینکار رو بکنی بهتر نیست؟

aliv.2022

چهارشنبه 09 مرداد 1392, 00:18 صبح

خب منم با css این کارو کردم دیگه! :-/ style=

qartalonline

چهارشنبه 09 مرداد 1392, 06:39 صبح

از کد زیر استفاده کنید:
<style type="text/css">
html{
height:100%;
}
body{
background: #FF8040;
background-image: -khtml-gradient(linear,left top,left bottom,from(#FF8040),to(#fff));
background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#FF8040),to(#fff));
background-image: -webkit-linear-gradient(top,#FF8040,#fff);
background-image: -moz-linear-gradient(top,#FF8040,#fff);
background-image: -ms-linear-gradient(top,#FF8040,#fff);
background-image: -o-linear-gradient(top,#FF8040,#fff);
background-image: linear-gradient(top,#FF8040,#fff);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#FF8040',EndColorstr='#ffffff');
}
</style>

white tower

چهارشنبه 09 مرداد 1392, 07:05 صبح

از کد زیر استفاده کنید:
<style type="text/css">
html{
height:100%;
}
body{
background: #FF8040;
background-image: -khtml-gradient(linear,left top,left bottom,from(#FF8040),to(#fff));
background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#FF8040),to(#fff));
background-image: -webkit-linear-gradient(top,#FF8040,#fff);
background-image: -moz-linear-gradient(top,#FF8040,#fff);
background-image: -ms-linear-gradient(top,#FF8040,#fff);
background-image: -o-linear-gradient(top,#FF8040,#fff);
background-image: linear-gradient(top,#FF8040,#fff);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#FF8040',EndColorstr='#ffffff');
}
</style>
منظور منم همین بود.

aliv.2022

چهارشنبه 09 مرداد 1392, 13:38 عصر

از کد زیر استفاده کنید:
<style type="text/css">
html{
height:100%;
}
body{
background: #FF8040;
background-image: -khtml-gradient(linear,left top,left bottom,from(#FF8040),to(#fff));
background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#FF8040),to(#fff));
background-image: -webkit-linear-gradient(top,#FF8040,#fff);
background-image: -moz-linear-gradient(top,#FF8040,#fff);
background-image: -ms-linear-gradient(top,#FF8040,#fff);
background-image: -o-linear-gradient(top,#FF8040,#fff);
background-image: linear-gradient(top,#FF8040,#fff);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#FF8040',EndColorstr='#ffffff');
}
</style>

خب من انقد تو css وارد نبودم که کد این مدلی بنویسم، ممنون