wei*_*lou 3 css background css3
可能重复:
速记背景属性中的背景大小(CSS3)
<!DOCTYPE html>
<meta charset="utf-8">
<title>An HTML5 Document</title>
<style>
div {
width: 500px;
height: 400px;
background: red url(https://www.google.com/images/logos/google_logo_41.png) 50% 50% cover no-repeat;
}
</style>
<div></div>?
我想background-size用值定义一个CSS 属性cover.但我不倾向于写一个background-size属性.我想把它和background酒店结合起来.但背景不会显示.
如何将CSS background-size值添加cover到background属性的值？
谢谢.
此外还没有注意到的是,并非所有浏览器(包括Chrome)都支持新的CSS3背景速记.
为了获得更好的支持,您可能应该background-size单独使用该属性,因为大多数新浏览器都支持它.
div {
width: 500px;
height: 400px;
background: red url(https://www.google.com/images/logos/google_logo_41.png) no-repeat scroll 50% 50%;
background-size: cover;
}
上面的代码适用于FireFox和Chrome,而速记则没有.
有关演示和正确的属性排序,请参阅下面的链接.
参见Dev - Opera - Background Shorthand
使用速记属性时,该background-size值必须与background-positiona 配对并以a分隔/
请参阅此处的文档:http://www.w3.org/TR/2002/WD-css3-background-20020802/#properties7
| 归档时间： |
|
| 查看次数： |
1687 次 |
| 最近记录： |