ورود

View Full Version : قرار دادن دو div روی هم بصورت تمام صفحه(تکرار شدن تصویر)


نیلوفر66
پنج شنبه 07 فروردین 1393, 23:28 عصر
سلام
دوتا عکس هست که باید روی هم و بصورت تمام صفحه قرار بگیره
با کد زیر clouds دوبار روی هم در IE8 تکرار میشه
و اگر کد position:fixed; رو قرار بدم تکرار نمیشه ولی در موزیلا نشون داده نمیشه!!!!!!!!!!!!!
یک مشکل دیگه هم این هست که در IE و موزیلا ورژن پایین صفحه اسکرول افقی و عموذی میخوره!!!

#clouds{
background:url(img/bg2.png) no-repeat center ;
z-index:2;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:fixed;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='img/bg2.png', sizingMethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/bg2.png', sizingMethod='scale')";


}
#star{

background:transparent url(img/bg4..png) no-repeat fixed center top;
z-index:3;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:fixed;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='img/bg4..png', sizingMethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/bg4..png', sizingMethod='scale')";
}
#sky{

background-color:#6699ff;

z-index:1;
}




<body dir="rtl" id="sky">
<div id="star"></div>
<div id="clouds"></div>
</body>
130000
جمعه 08 فروردین 1393, 00:13 صبح
سلام و درود

لطفا سوالتون رو بهتر بپرسید دقیق بگید میخواهید چکاری انجام بدید.
نیلوفر66
جمعه 08 فروردین 1393, 20:35 عصر
دایو sky رنگ پس زمینه هست
روی آن دایوهای star , cloud قرار میگیره....اما با این کدها دایو cloud (تصویر ابر) نمایش داده نمیشود! صفحه مرورگر اسکرول میخوره!
mehdytux
شنبه 09 فروردین 1393, 02:45 صبح
دوست عزیز به دایو ها تون عرض و ارتفاع رو اضافه کنید.
width
height
نیلوفر66
شنبه 09 فروردین 1393, 22:15 عصر
http://www.xum.ir/images/2014/03/29/bg4.png

http://www.xum.ir/images/2014/03/29/bg2.png

این دو تا عکس رو باید روی هم به طور تمام صفحه قرار بدم...داخل آی ای 8 دوبار روی هم و با فاصله تکرار میشه و داخل موزیلا حالت استریچ میگیره!
نیلوفر66
دوشنبه 11 فروردین 1393, 22:03 عصر
کسی نبود کمک کن؟مشکلم توی آی ای 8 هست...با آماری که گرفتم بیشتر بازدیدکننده های سایتم آی ای قدیمی دارن :ناراحت:
refugee
چهارشنبه 13 فروردین 1393, 02:20 صبح
دوست خوب اگر امکانش است تصاویر به همراه کد رو داخل فایلی زیپ کنید و قرار دهید تا بهتر بررسی شود . همچنین پیشنهاد میکنم زیر IE8 دیگه کار نکنید . الان IE10 اومده دیگه لزومی نداره استفاده از IE5 و 6 و 7 ... کاربری که براش مهم نیست وبسایت چطور بالا میاد بذارید از همون IE قدیمی استفاده کنه .