css-fixedバックグラウンド固定視覚差効果

2338 ワード

1、background-attachmentプロパティ-背景画像 またはページの残りの を設定します.
2、background-size—背景画像を元素容器に適したサイズに拡大し、画像の割合は変わらない.普通は考えない.background-size:100% 100%; 容器の割合でいっぱいになると、画像が変形します.
/*                : */
.g-work-box {
	width: 100%;
	height: 900px;
	padding: 10px 0;
	background: url(../images/icon-work-bg.png) center no-repeat;
	/* background-size :           */
	/* background-size: cover; */
	background-attachment: fixed;
	overflow: hidden;
}

プロジェクトに応答が必要な場合は、携帯電話の画面が視覚的に悪くならないように、大きな画面に書くことができます.
/*     1025px    */
@media screen and (min-width: 1025px) {
	.g-work-box {
		height: 900px;
		background-attachment: fixed;
	}
}