۲۶-آذر-۱۳۹۲, ۱۴:۲۴:۴۱
با استفاده از background-size میتوانید سایز تصویر پیش زمینه را تعیین کنید .
تا پیش از CSS3 ما باید بکگراند ها را ابتدا کوچک میکردیم و سپس آن را استفاده میکردیم . ولی حالا میتوانیم از یک بکگراند در چند سایز مختلف استفاده کنیم .
شما میتوانید از پیکسل (px) یا درصد استفاده کنید .
نمونه (با پیکسل)
نمونه (با درصد)
تا پیش از CSS3 ما باید بکگراند ها را ابتدا کوچک میکردیم و سپس آن را استفاده میکردیم . ولی حالا میتوانیم از یک بکگراند در چند سایز مختلف استفاده کنیم .
شما میتوانید از پیکسل (px) یا درصد استفاده کنید .
نمونه (با پیکسل)
کد:
div {
background:url(img_flwr.gif);
-moz-background-size:80px 60px; /* Firefox 3.6 */
background-size:80px 60px;
background-repeat:no-repeat;
}نمونه (با درصد)
کد:
div {
background:url(img_flwr.gif);
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size:100% 100%;
background-repeat:no-repeat;
}