ورود

View Full Version : سوال: در تصویر background دستور زیر scroll و transparent چه کاری انجام میدهند؟



sahel65
سه شنبه 17 مرداد 1391, 10:06 صبح
سلام به همگی؛

background: url("../images/logo.gif") no-repeat scroll 0 0 transparent;

دوستان در کد فوق scroll 0 0 به چه معناست ؟
همچنین transparent؟ به معنای ارث بری از والد هستش؟

Mohsen.
سه شنبه 17 مرداد 1391, 10:39 صبح
transparent به معنای اینه که بکگراند شفاف باشه و هیچ رنگی نداشته باشه در این صورت رنگ بکگراند زیری نمایش داده میشه.
scroll 0 0 در واقع سه دستور هستند.
0ها مکان قرار گیری بکگراند در صفحه هستند.
و scroll هم فکر کنم اسکرول بار رو نمایش میده.

Saber Mogaddas
سه شنبه 17 مرداد 1391, 10:43 صبح
سلام
این property از background-attachment هست که دارای مقادیر scroll,fixed , inherit هست برای اینکه بهتر متوجه بشی کار این دستور رو به صورت عملی تو این لینک (http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment) مقادیر رو عوض کن و تغییر حاصل شده رو ببینید ..منبع (http://www.w3schools.com/cssref/pr_background-attachment.asp)
دستور transparent نیز پس زمینه عکس مارو بدون رنگ و transparent قرار میده ..
موفق باشید..

sahel65
سه شنبه 17 مرداد 1391, 11:14 صبح
پس مقدار 2 تا صفری که جلو scroll هستند به چه معناست؟

Saber Mogaddas
سه شنبه 17 مرداد 1391, 11:43 صبح
دو تا صفر بعد از scroll ربطی به background-attachment ندارند ..این دو صفر از property های background-position هستند ..برای مثال تو همون مثال که تو پست قبلی قرار دادم به جای 3 استایل فقط این استایل رو وارد کنید و امتحان کنید :

background: url("smiley.gif") no-repeat scroll center 100px transparent;

لازم به ذکر هست که background-position موقعیت تصویر پس زمینه رو تغییر میده برای مثال من تو مثال بالا تصویر پس زمینه رو در center و از بالا 100px پایینتر قرار دادم می تونستید به جای center >top ,bottom,right,left و یا به صورت پیکسلی عدد وارد کنید ..برای مثال 100px 100px .. منبع background-position (http://www.w3schools.com/cssref/pr_background-position.asp)
موفق باشید..