PDA

View Full Version : دو عکس در بک گراند



Eng_Raha
جمعه 04 اردیبهشت 1394, 22:06 عصر
سلام
من دوتا عکس رو به این صورت

http://www.8pic.ir/images/ebhwfzzn0abirh3h9yl8.png

مثل این سایت :

http://www.beyamooz.com/

و با این کد:





body{background-image:url("../images/paper.png");

background-repeat:repeat-x-y;

background-attachment: scroll;

font-family:Tahoma;

}

.paper1

{


padding-top: 78%;

padding-bottom:0px;

margin-left: 13%;

margin-right:13%;

box-shadow: 3px 3px 25px #a5a699;

background-image:url("../images/paper_fibers.png");

background-attachment: scroll;

}

قرار دادم تو سایتم

http://www.8pic.ir/images/wdqgumobiwka8ra3qugd.png

دلیل اینکه توی کروم بعضی از صفحاتم اینطوری میشه چیه؟

http://www.8pic.ir/images/id10nul2ioukhccauio4.png

بعضی از اجزای دیگه هم توی کروم کمی جابه جا میشن در صورتی که توی فایرفاکس کاملا درستن
بعضی جاها اندازه ها رو به درصد نوشتم بعضی جاهای دیگه به پیکسل مشکلی بوجود میاره؟

Omid Jackson
جمعه 04 اردیبهشت 1394, 22:36 عصر
سلام
من دوتا عکس رو به این صورت

http://www.8pic.ir/images/ebhwfzzn0abirh3h9yl8.png

مثل این سایت :

http://www.beyamooz.com/

و با این کد:





body{background-image:url("../images/paper.png");

background-repeat:repeat-x-y;

background-attachment: scroll;

font-family:Tahoma;

}

.paper1

{


padding-top: 78%;

padding-bottom:0px;

margin-left: 13%;

margin-right:13%;

box-shadow: 3px 3px 25px #a5a699;

background-image:url("../images/paper_fibers.png");

background-attachment: scroll;

}

قرار دادم تو سایتم

http://www.8pic.ir/images/wdqgumobiwka8ra3qugd.png

دلیل اینکه توی کروم بعضی از صفحاتم اینطوری میشه چیه؟

http://www.8pic.ir/images/id10nul2ioukhccauio4.png

بعضی از اجزای دیگه هم توی کروم کمی جابه جا میشن در صورتی که توی فایرفاکس کاملا درستن
بعضی جاها اندازه ها رو به درصد نوشتم بعضی جاهای دیگه به پیکسل مشکلی بوجود میاره؟

فکر کنم عنوان تاپیک غلط باشه، میگین بعضی از اجزا جاشون تو مرورگر ها فرق داره، این به CSS RESET مربوط میشه، با استفاده از این CSS میتونین استایل های پیش فرض توی همه مرورگر ها رو ریست کنین