2017-04-18 07:00:53 英冠 德比郡 vs 哈德斯菲尔德

百度 前两轮发挥平平的中国香港球员黑纯一后两轮手感渐入佳境，18号洞5号铁木杆完美的一击收获老鹰，单轮交出66杆，总成绩低于标准杆10杆以单独第五名的成绩完赛。

You can apply multiple backgrounds to elements. These are layered atop one another with the first background you provide on top and the last background listed in the back. Only the last background can include a background color.

Multiple backgrounds are specified as a comma-separated list, such as background: background1, background2, ...;. This syntax is accepted by both the shorthand background property and the individual properties thereof except for background-color: background-attachment, background-clip, background-image, background-origin, background-position, background-repeat, background-size.

Example

In this example, three backgrounds are stacked: the Firefox logo, an image of bubbles, and a linear gradient:

HTML

html
<div class="multi-bg-example"></div>

CSS

css
.multi-bg-example {
  width: 100%;
  height: 400px;
  background-image:
    url(firefox.png), url(bubbles.png),
    linear-gradient(to right, rgb(30 75 115 / 100%), rgb(255 255 255 / 0%));
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position:
    bottom right,
    left,
    right;
}

Result

As you can see here, the Firefox logo (listed first within background-image) is on top, directly above the bubbles graphic, followed by the gradient (listed last) sitting underneath all previous 'images'. Each subsequent sub-property (background-repeat and background-position) applies to the corresponding backgrounds. So the first listed value for background-repeat applies to the first (frontmost) background, and so forth.

See also