Blog Post

Background-repeat: none

The Zombie: Background-repeat: none

Always a Zombie? Yes

Severity: medium-low (it doesn’t work, but a repeating background is unlikely to make or break your site

Why is it a zombie: Does nothing. The background image continues to repeat

Cure the Zombie by: Use background-repeat: no-repeat. I’m not sure the exact origin of why this goes against the typical CSS pattern of none means remove it, except that it could be ambiguous for the developer possibly meaning no-repeat or possibly meaning the background is fully removed.   Or it could have been that it would be very ambiguous in a background shorthand property since background: none means remove the background. In any case, if you don’t want a background image to repeat the correct keyword is no-repeat.