Javascript 如何使用溢出隐藏和位置绝对？

当我制作时，我想要描述类显示在项目类上。滑块imgClass是悬停。
如何使用Jquery、javascritp或CSS

html

   <div id="carousel-example-generic">
      <div data-ride="carousel" class="carousel slide carousel-fade" id="carousel-example-captions">
        <div class="carousel-inner">
            <div class="item active">
                <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                    <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
                  <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                     <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                   <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                   <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
          </div>
          <div class="item ">
                <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                    <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                   <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                   <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                   <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
          </div>
           <div class="item ">
              <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                    <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                   <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                   <div class="descriptoion">texttexfdlkfjddjkdldl<br/>djtdkdldldldldldld ldldldldlddldldldlddlld</div>
                </div>
               <div class="slider-img">
                    <img src="http://img.tjskl.org.cn/pic/z2577d9d-200x200-1/pinarello_lungavita_2010_single_speed_bike.jpg" alt="item" />
                </div>
          </div>
        </div>
         <a data-slide="prev" href="#carousel-example-captions" class="left carousel-control"> 
          left
         </a> 
         <a data-slide="next" href="#carousel-example-captions" class="right carousel-control"> 
          right
         </a> 

      </div>

jquery

   $(".slider-img").hover(function(){
      $(this).parent().parent().addClass('not-overflow');
   });
   $(".carousel > a").click(function(){
      $(".carousel-inner").removeClass("not-overflow");
  });

我有这个问题

我想要这种款式

---

基本上，您必须从

.item active

和

.carousel inner

中删除

overflow:hidden

属性。 如果看到循环图像脱离div，请限制该图像的大小

此外，您的css文件中似乎有重复的类

---

谢谢你的建议…但它不好，因为它有滚动。如何使用jquery和javascript。嘿，但你的答案不是完美的，因为我是。当我单击左箭头时，项目处于活动状态。你必须清除溢出：隐藏。它可能会破坏其他一些东西。但是你必须为那些没有这个的人找到一个解决方法。当我点击左箭头时，我不使用滚动。项目活动幻灯片不使用滚动。如何使用，先生，@theinlwin:更新的小提琴似乎有相同的代码？如果删除溢出，您将面临什么问题？是的，先生，我想要溢出：隐藏是在何时删除。滑块img是悬停，我想要溢出：隐藏是在何时使用。左键是单击，这是确定的。

   $(".slider-img").hover(function(){
      $(this).parent().parent().addClass('not-overflow');
   });
   $(".carousel > a").click(function(){
      $(".carousel-inner").removeClass("not-overflow");
  });