تنظیم مکان عکس پس زمینه
توجه: زمانی که از عکس پس زمینه استفاده می کنید، توجه داشته باشید که عکس مورد نظر باعث ناخوانایی متن نشود.
در مثال زیر با تنظیم خصوصیت background-repeat با مقدار "no-repeat" عکس پس زمینه فقط یکبار نمایش داده می شود.
مثال (تنظیم مکان عکس پس زمینه)
body
{
background-image:url('img_tree.png');
background-repeat:no-repeat;
}
خودتان امتحان کنید »{
background-image:url('img_tree.png');
background-repeat:no-repeat;
}
در مثال بالا، عکس پس زمینه و متن در یک مکان قرار گرفته اند و این امر باعث ناخوانایی متن شده است.
مکان عکس پس زمینه یک عنصر، با خصوصیت background-position مشخص می شود:
مثال (تنظیم مکان عکس پس زمینه)
body
{
background-image:url('img_tree.png');
background-repeat:no-repeat;
background-position:right top;
}
خودتان امتحان کنید »{
background-image:url('img_tree.png');
background-repeat:no-repeat;
background-position:right top;
}
