Search code examples
phpcsscodeigniterviewparallax

Parallax image is not working after I change my html to php

My parallax is not working at all after I change my HTML to PHP. It shows black background and not the image of parallax that I make

this is my CSS: style_new.css

.bgimg-1, .bgimg-2, .bgimg-3 {
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 472px;
}

.bgimg-1 {
    background-image: url("../img/ourmenu1.jpg");
    min-height: 100%;
}

.bgimg-2{
    background-image: url("../img/ourmenu2.jpg");
    min-height: 100%;
}

.bgimg-3{
    background-image: url("../img/asianbuffet2.jpg");
}

And this is my code on view

<!--- Parallax -->
            <div class="col-md-12 bgimg-1">
            </div>
Solution

  • Looks like a reference issue: try using absolute references to the images instead of relative ones.

    This could also be related to some other relative references (not the images) which you are not showing, such as the javascript files being used for the parallax effect. Check those too