CSS背景速记属性不适用于background-size

前端之家收集整理的这篇文章主要介绍了CSS背景速记属性不适用于background-size前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在设计背景图像时尝试将几行CSS组合成一行时:
background: url("img/background.jpg") cover no-repeat;

它不起作用;然而,当我移动封面并且不重复自己的线条时

background: url("img/background.jpg");
background-size: cover;
background-repeat: no-repeat;

图像效果很好.什么是错误的任何提示或想法?我经常注意到填充和边距等问题.

解决方法

背景速记要求您还设置背景位置以设置背景大小.您可以在 spec中找到背景速记的语法,但简而言之,这两个属性的语法是
<bg-position> [ / <bg-size> ]

这意味着“背景位置,可选地后跟正斜杠然后背景大小”(通常的可选空格规则适用)

如果您不需要将背景位置更改为其他值,则初始值为0 0(两个轴均为零):

background: url("img/background.jpg") 0 0 / cover no-repeat;

猜你在找的CSS相关文章