73

背景の下部に黒から透明へのフェード効果を得るために、背景画像の上に線形グラデーションを使用しようとしましたが、表示できないようです。

ここで他のケースと例を読みましたが、どれもうまくいきません。グラデーションまたは画像のみが表示され、両方は表示されません。リンクはこちら

最初のロゴをクリックするだけで、その影響を無視して、私がしようとしているのは、その後のサイト全体の本文にあります。

これは私のcssコードです:

body {
  background: url('http://www.skrenta.com/images/stackoverflow.jpg') no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1)));
}

4

4 に答える 4

5

#multiple-background{
	box-sizing: border-box;
	width: 123px;
	height: 30px;
	font-size: 12pt;
	border-radius: 7px;		
	background: url("https://cdn0.iconfinder.com/data/icons/woocons1/Checkbox%20Full.png"), linear-gradient(to bottom, #4ac425, #4ac425);
	background-repeat: no-repeat, repeat;
	background-position: 5px center, 0px 0px;
    background-size: 18px 18px, 100% 100%;
	color: white;	
	border: 1px solid #e4f6df;
	box-shadow: .25px .25px .5px .5px black;
	padding: 3px 10px 0px 5px;
	text-align: right;
	}
<div id="multiple-background"> Completed </div>

于 2015-06-03T17:59:01.403 に答える