CSS Background Image Overlay

PROBLEM How do I add an overlay to a background image using CSS only? SOLUTION The background property can accept several comma seperated images. Each image can have all the background properties but only the last one can have the “color” property.So, we can’t have the first image (overlay) have color property but we are … Read more

CSS Background Shorthand Property

PROBLEM Multiple CSS background properties in a single declaration. For example: background: url(“image url”) center center/cover no-repeat fixed padding-box border-box #ccc; SOLUTION All properties in a single declaration: background: [background-image] [background-position] / [background-size] [background-repeat] [background-attachment] [background-origin] [background-clip] [background-color]; At least one spacing character between each value, plus position and size properties must be seperated by … Read more