如何排除背景图像

How to exclude background image?

本文关键字：背景 图像 排除 何排除      更新时间：2023-09-26

我在style.css.中有下面的css

.mobile-base{
 background-image:url("img/mobile-base.png");
 background-size:cover;
 background-repeat:no-repeat;
 width:312px;
 height:552px;
 margin-bottom:-8px;
 display: inline-block;
}

以及下面的html标记

<div class="col-sm-8 col-md-8 col-lg-8 someclass">
    <div id="app-body-105">
       <div class="mobile-base">
         <img class="img-responsive alignleft" src="http://192.168.0.31/wp-content/uploads/2015/10/app-1.jpg" alt="">
       </div>
      <div class="content-base">
      <h2>The Ultimate Night Out</h2>
         <p>Phasellus semper massa sit amet metus dictum bibendum. 
        Donec at dui ipsum. Maecenas sagittis tincidunt magna. Proin 
        vulputate mauris  porttitor semper venenatis. Nulla quis sem eget dolor eleifend elementum id at lorem
       </p>      
 </div>
 </div>

我想在类mobile-base（带有src的图像）内的某个点击事件（任何随机ID）上动画化图像，不包括css中定义的背景图像。

我尝试了下面这样的东西，但它为两个图像都设置了动画，我不希望背景图像设置动画。

$("#someID").click(function() {
    $('#app-body-105' .mobile-base').show('slow');
});

如何使用jQuery或JS？

如果你只想为图像设置动画，你必须告诉jQuery只为所述元素设置动画：

$("#someID").click(function() {
    $('#app-body-105 .mobile-base img').show('slow');
});
相关文章：