CSS background-image attribute, cssbackgroundimage

CSS background-image attribute, cssbackgroundimage

Definition and usage of the background-image attribute:
Sets or retrieves the background image of an object.
When both the background image and background color are set, the background image will overwrite the background color.
The corresponding script feature is backgroundImage.
Syntax structure:

background-image:none|<url>|<linear-gradient>|<radial-gradient>|<repeating-linear-gradient>|<repeating-radial-gradient>

Valid value:
None: no background image. Default Value.
<Url>: Specify the background image with an absolute or relative address.
<Linear-gradient>: uses a linear gradient to create a background image. (CSS3)
<Radial-gradient>: Uses radial (radioactive) gradient to create a background image. (CSS3)
<Repeating-linear-gradient>: Creates a background image using a repeated linear gradient. (CSS3)
<Repeating-radial-gradient>: uses repeated radial (radioactive) gradient to create a background image. (CSS3)
Browser support:
Internet Explorer supports this attribute.
Firefox supports this attribute.
Google Chrome supports this attribute.
Operabrowser supports this attribute.
Note: 1. IE8 and earlier Browsers Do not support CSS3 background-image, that is, they do not support multi-background and gradient as background images.
2. IE9 does not support adding a parameter value to CSS3: <linear-gradient> <radial-gradient >|< repeating-linear-gradient >|< repeating-radial-gradient> as the background image.
3. Opera11.50-11.51 does not support the addition of CSS3 parameter values: <linear-gradient> <repeating-radial-gradient> as the background image.
Inheritance:
No inheritance.
Instance code:

<! DOCTYPE html> 
The original Article address is CSS background-image attributes.
For more css knowledge, see http://www.softwhy.com/divcss/