Question

我尝试创建一个滑块，滑块正在工作，但只有一个部分不起作用。

＆＃34; overflow:hidden＆＃34; 此部分无效

请告诉我我的代码有什么问题。我会更新这部分内容。

这是我的HTML：

<!-- Slider --><div class="slider-main">
<!-- <div class="container site-test_1"> -->
    <img id="slider-imge1" class="img-responsive" src="images/slider-images/slide_image-001.jpg" alt="Please wait..."/>
      <img id="slider-imge2" class="img-responsive" src="images/slider-images/slide_image-002.jpg" alt="Please wait..."/>
      <img id="slider-imge3" class="img-responsive" src="images/slider-images/slide_image-003.jpg" alt="Please wait..."/>
      <img id="slider-imge4" class="img-responsive" src="images/slider-images/slide_image-004.jpg" alt="Please wait..."/>
      <img id="slider-imge5" class="img-responsive" src="images/slider-images/slide_image-005.jpg" alt="Please wait..."/>
<!-- </div> -->
</div> <!-- End Slider -->

这是我的CSS部分：

.slider-main{
    width:100%;
    /* height:505px; */
    height:auto;
    overflow:hidden !important;
    position:relative;
    z-index:1;
}


.slider-main img{
            width:100%;
            max-height:500px;
            overflow:hidden !important;
 }

Answer 1

尝试将max-height: 500px改为.slider-main：

.slider-main {
    max-height: 500px;
}

Answer 2

我认为你的最大高度比slider-main div大。

阅读详情 http://www.w3schools.com/cssref/pr_pos_overflow.asp

CSS溢出：隐藏不起作用

2 个答案: