Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 屏幕较大时放大图像引导_Css_Image_Twitter Bootstrap_Slider_Zooming - Fatal编程技术网

Css 屏幕较大时放大图像引导

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

我正在尝试使用bootstrap 3.3.7和使用visual studio 2010的asp.net制作图像滑块。下面是我的代码:

.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不客气,如果我的评论对您有帮助,我也会将其作为答案发布