MDN文档:https://developer.mozilla.org...
看文档的意思好像是直接写三个属性就行了
.a{
background: url("https://... ...") center cover;
}
但是自己实际写出来效果不对,自己要
.a{
background: url("...") center;
background-size: cover;
}
才有效果,请问,应该怎么用一行写出效果
谢谢大家,是我自己没看仔细啊
MDN文档:https://developer.mozilla.org...
看文档的意思好像是直接写三个属性就行了
.a{
background: url("https://... ...") center cover;
}
但是自己实际写出来效果不对,自己要
.a{
background: url("...") center;
background-size: cover;
}
才有效果,请问,应该怎么用一行写出效果
谢谢大家,是我自己没看仔细啊
.a {
background: url("https://... ...") center/cover;
}
其实,一般是不推荐把 background
写在一起的,建议分开写。
拆分方式:
background-image:url('../images/a.png');
background-repeat:no-repeat; or repeat-x or -y ……;
background-attachment: scroll;
background-position:0 0; or (50% 50%) or (center) or (left center)……;
background-size:100% auto; or (cover) or (50% 50%) ……;
background-origin: content-box;
background-clip: padding-box;
background-color: #666;
以下为缩写:
background:url(test3.jpg) no-repeat scroll 10px 20px/110px 130px content-box padding-box #aaa;
建议分开写更直观,希望对你有所帮助,谢邀!
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
可以的,不过要加个
/
,参见 CodePen