Css 屏幕较大时放大图像引导
我正在尝试使用bootstrap 3.3.7和使用visual studio 2010的asp.net制作图像滑块。下面是我的代码:Css 屏幕较大时放大图像引导,css,image,twitter-bootstrap,slider,zooming,Css,Image,Twitter Bootstrap,Slider,Zooming,我正在尝试使用bootstrap 3.3.7和使用visual studio 2010的asp.net制作图像滑块。下面是我的代码: .ImageSlide{ 宽度:100%; 高度:350px; 最大高度:350px; } 图1 这是第一张图片 图2 这是第二张图片 您可以使用背景图像和背景尺寸:封面: 以下是我所改变的: CSS: .ImageSlide1 { background-image : url('yourbackground.jpg'); backgr
.ImageSlide{
宽度:100%;
高度:350px;
最大高度:350px;
}
图1
这是第一张图片
图2
这是第二张图片
您可以使用背景图像
和背景尺寸:封面
:
以下是我所改变的:
CSS:
.ImageSlide1
{
background-image : url('yourbackground.jpg');
background-size : cover;
background-position: center;
}
HTML:
<div class="item active ">
<div class="ImageSlide1" ></div>
<div class="carousel-caption">
<h3>Image 1</h3>
<p>This is the first image.</p>
</div>
</div>
图1
这是第一张图片
您可以使用背景图像
和背景大小:封面
,这里有一个例子,谢谢您,先生@PascalGoldbach不客气,如果我的评论对您有帮助,我也会将其作为答案发布