模板:背景图片区域/style.css

来自维阿百科
< 模板:背景图片区域
霓虹灯鱼讨论 | 贡献2024年9月20日 (五) 10:14的版本 (创建页面,内容为“.bgimg-area { position: relative; overflow: hidden; } .bgimg-area-i { position: absolute; -webkit-user-select: none; user-select: none; } .bgimg-area-i img {…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索
.bgimg-area {
	position: relative;
	overflow: hidden;
}

.bgimg-area-i {
	position: absolute;
	-webkit-user-select: none;
	user-select: none;
}

.bgimg-area-i img {
	display: block; /* 避免受line-height的影响 */
}

.bgimg-area-i.cover-fit, .bgimg-area-i.contain-fit {
	width: 100%;
	height: 100%;
}

.bgimg-area-i.cover-fit img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bgimg-area-i.contain-fit img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bgimg-area-i.fixed-size img {
	max-width: none !important;
}

.bgimg-area-c {
	position: relative;
}

/* 消除margin影响 */
.bgimg-area-c::before, .bgimg-area-c::after {
	content: "";
	display: table;
}
/* [[Category:在模板名字空间下的CSS页面]] */