Why can’t I seem to use background-clip?

Question

My attempt to use background-clip: content-box is failing. The entire box has a background, including the padding area, not just the content area.

http:

Answer 1

The background CSS property is a one-line way to define all background properties, including background-clip. Thus, specifying background: #ffffd unsets your earlier setting of background-clip. If instead you replace that line with background-color: #ffffd, it should work the way you want it to.

Here's the small modification to your jsfiddle.