javascript - 在 Jquery 中定位图像

Question

我只需要定位图像，唯一的问题是图像被设置为类“hero1project3”的背景。我需要它留在这个类中，我的 jquery 中有没有一种方法可以告诉图像模糊，例如“.hero1project3 img”

HTML:

 <div class="hero1project3">
     <div class="blur">
 </div>

 <div id="hero1titleproject1">
     <h1>Information Design: <br>Zumerset Cyder Appl's.</h1>
 </div>

J查询:

$(document).scroll(function(){
    if($(this).scrollTop() >0){
        $('#hero1titleproject1').css({'webkit-filter':'blur(5px)', 'filter':'blur(5px)'});
    } else {
        $('#hero1titleproject1').css({'webkit-filter':'', 'filter':''});
    }
});

CSS:

.hero1project3 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../Information_Design_Zumerset_Project3_hero.jpg);
    background-position:50%;
    background-size:cover;
    transition:all .5s
}

div.project.project3img2 {
    background-color: rgb(255,255,255);
}

Answer 1

使用 img 作为选择器意味着您正在尝试选择 hero1project3 下面的 img 标签，该标签不存在，因为您正在使用通过 CSS 设置为 .hero1project3 的背景图像。

查看此答案以了解如何模糊背景图像:How to apply a CSS 3 blur filter to a background image