1. 程式人生 > >說說background那些坑爹的事兒~

說說background那些坑爹的事兒~

nbsp -i img 顏色 prev 背景圖片 section enter scl

啥都不說先上個代碼~

.content {
  1. background: url(../images/bg.png) no-repeat bottom center,-webkit-linear-gradient(#639fff,#4b7aff),linear-gradient(#639fff,#4b7aff);
  2. border-radius: .2rem;
  3. background-size: 8rem auto;
} 看第一個紅色部分的屬性,我原本想要的是一個漸變的背景色加一個背景圖片,結果遍歷設備的時候發現安卓4.0的破機子不支持~!! 結果我又默默回去改了,改成下下面那樣: .content {
  1. background: -webkit-linear-gradient(#639fff,#4b7aff),linear-gradient(#639fff,#4b7aff);
  2. border-radius: .2rem;
  3. background-size: 8rem auto;
  4. background-image: url(../images/bg.png);
} 後來默默的被告知原來漸變也是類似於背景圖,所以被覆蓋了,兩個屬性只留下了一個 最後附上最後的寫法: .content {
  1. background-color: #639fff;
  2. border-radius: .2rem;
  3. background-size: 8rem auto;
  4. background-image: url(../images/bg.png);
  5. background-repeat: no-repeat;
  6. background-position: bottom center;
} 把漸變的顏色也給改成了單色。。不然你要是想保留漸變色的話也可以把圖片直接寫成<img src="../images/bg.png">

說說background那些坑爹的事兒~