بکگراند دریک موقعیت خاص

[صدرا حسابی]

می شه رنگ تعریف کرد ولی نمی شه برای یک موقعیت خاص رنگ رو محدود کرد، بزارین منظورم دقیق تر بیان کنم. مثلا در خود پارس جوم قسمت آخرین اخبار بالا از این کد در css پیروی می کنه:

کد: (انتخاب همه)

.thead {
    background: url("../../../images/MIBlue/thead_bg.gif") repeat-x scroll left top #3DACEB;
    color: #FFFFFF;
}

که عکس رو تعریف کرده که در جهت x تکرار شه و اگه عکس نمایش داده نشد یا در قسمتی نبود از این کدر رنگ #3DACEB استفاده بشه، ولی اگه در این باکس بخواید بکگراند تا یه قسمتی تکرار یا نمایش داده بشه از عکس باید استفاده کنید و حتی شده یه عکس 1px در 1px رنگ که بگید تکرار بشه و بعد نمایشش رو محدود کنید، مثلا من کد بکگراند رو به این صورت می نویسم:

کد: (انتخاب همه)

background: url("../../../images/MIBlue/thead_bg.gif") repeat-x 0 10px #3DACEB

در این حالت عکس ما با ارتفاع 10پیکسل در جهت x تکرار و در قسمت هایی که نباشه رنگ مورد نظر در پشتش نمایش داده می شه یا اگه رنگ رو حذف کنیم بدون بکگراند می شه قسمت هایی که عکس نیست، ولی اگه در این کد، عکس رو حذف کنیم و فقط کد رنگ رو بزاریم نمی تونیم با همین کد در همین کلاس تعریف شده مقدار جایی که اشغال می کنه رو محدود کنیم.