CSS3 background-size 属性
div
{
background:url(bg_flower.gif);
-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-size:63px 100px;
background-repeat:no-repeat;
}
CSS3 background-origin 属性
背景图片可以放置于 content-box、padding-box 或 border-box 区域。
div
{
background:url(bg_flower.gif);
background-repeat:no-repeat;
background-size:100% 100%;
-webkit-background-origin:content-box; /* Safari */
background-origin:content-box;
}
CSS3 多重背景图片
body
{
background-image:url(bg_flower.gif),url(bg_flower_2.gif);
}
Internet Explorer 9+、Firefox、Chrome、Safari 以及 Opera 支持新的背景属性。
时间: 2024-11-05 11:32:31