为什么我似乎不能使用背景剪辑？

Question

我尝试使用background-clip: content-box失败了.整个框具有背景,包括填充区域,而不仅仅是内容区域.

我究竟做错了什么？

Answer 1

这是CSS中的简写属性的常见问题.

因为background-clip是年代由设置的属性的一个background缩写属性,你的background风格是含蓄地设置background-clip到border-box(初始值),覆盖您明确background-clip的风格:

background-clip: content-box;
background: #ddd none /* border-box */;

如果您将background-clip声明移到下面background,它将按预期工作:

background: #ddd none;
background-clip: content-box;