下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。
上次写 CSS 样式时同时有 background-size background-positon 两个属性,但是我想合并成一个 background 来写,刚开始遇到了一些麻烦,怎么写都不生效。后面谷歌,我们应该这样子写:
background:no-repeat scroll 0px 0px / 200px 29px rgba(0,0);
/ 做分割 前面是 background-position 后面是 background-size 下面写一份比较全面的合并方法:
background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center / cover;
这些参数从左到右依次是:
background-color
background-image
background-repeat
background-attachment
background-position / background-size
一定要注意的是 background-size 是 CSS3 的属性,它要与 background-position 配合使用,中间有一个斜杠分隔符。
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。