css3 background

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 4020 days ago, the information mentioned may be changed or developed.

body {
  background-image: 
    linear-gradient(to bottom, rgba(0,0,0, 0.1), rgba(0,0,0, 1)),   
    url(img/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

这样的 css3 可以把 background-image 分开写吗？
比如，覆盖 body 规则，同时又保留 linear-gradient

body.cover {
  background-image: url(img/other.jpg);
  /* 同时保留 linear-gradient(to bottom, rgba(0,0,0, 0.1), rgba(0,0,0, 1)) */
}

rgba

background

gradient

3 replies • 2015-04-24 19:58:19 +08:00

abelyao

Apr 24, 2015

body.cover 的 background-image 属性会覆盖 body 的，所以 linear-gradient 部分应该也会没了吧

zythum

Apr 24, 2015

对不起。不行。

iyangyuan

Apr 24, 2015 via iPhone

over的时候也加上渐变不就行了？