Question

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

HTML：

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

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

Jquery的：

$(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

在Jquery中定位图像

1 个答案: