如何修复背景图像调整为 div？答案

【问题标题】：How to fix the background image adjust to div?如何修复背景图像调整为 div？
【发布时间】：2015-08-12 16:03:08
【问题描述】：

我有以下日历的 div，我需要相应地调整背景图像和文本。我该怎么做？

我的代码：

.calenderArrivalDiv{
	margin-top: 15%;
    margin-bottom: 1%;
	background-image: url("images/SearchReservation/search_button_u754.png");
    text-align: center;
	background-repeat:no-repeat;
	padding-left: 0%;
    padding-right: 12%;
    text-align: center;
}

.calenderDepDiv{
	margin-top: 14%;
    margin-bottom: 2%;
	background-image: url("images/SearchReservation/search_button_u754.png");
    text-align: center;
	background-repeat:no-repeat;
}

<div class="col-xs-1 col-sm-1 col-md-1">
						<div id="arrivalDate" class="calenderArrivalDiv calanderSize" 
							ng-click="searchReservationVm.arrivalDtOpen($event)">
								<span>
									<button tabindex="4" class="dateSearchBar" class="btn btn-primary" id="one"
										datepicker-popup="{{'MMM d'}}"
										ng-model="searchReservationVm.searchRQ.arrivalDate"
										is-open="searchReservationVm.arrivalDtOpened"
										ng-change="searchReservationVm.arrivalDateChange()"
										datepicker-options="dateOptions"
										show-weeks="false"
										current-text="Reset To Today's Date"
										ng-focus="searchReservationVm.arrivalDtOpen($event)">
										<div class="text calFontDate" title="Select Arrival Date">
											{{ searchReservationVm.searchRQ.arrivalDate | date : 'MMM' }}</br>
											<div class="datediv">
											{{  searchReservationVm.searchRQ.arrivalDate | date : 'd' }}
											</div>
										</div>
									</button>
								</span>
						</div>
					</div>

【问题讨论】：

你能详细说明一下吗..不清楚你想要什么。

标签： css angularjs twitter-bootstrap-3

【解决方案1】：

请在您添加背景图像的地方添加background-size:cover，它将在DIV内部移动

【讨论】：

【解决方案2】：

不清楚这里到底是什么背景，你说的是蓝色方块吗？

无论如何，您的 div 尺寸似乎很小，或者您没有设置宽度/高度。

【讨论】：

是的，背景是蓝色方块。如果我尝试设置高度和宽度（以 % 为单位），则它不适用。