Laravel, dynamical urls in css

Question

I've in laravel resource/sass/app.scss. In a such code:

.card {
    ..
    background: url(/img/plus-green.png) no-repeat;
    ..
}

Is it possible to make an url according to website location e.g url(<?=url('/imgs/img.png')?>), that if website is in my localhost xampp http://localhost/myproj/public/imgs/img.png or in a live https://example.com/imgs/img.png . I'm looking for make dynamical urls to css.

Shef · Accepted Answer · 2022-10-20 12:07:13Z

1

You should use relative paths instead of absolute paths.

Read more here on relative vs absolute paths.

You should change your code from:

.card {
    ..
    background: url(/img/plus-green.png) no-repeat;
    ..
}

to

.card {
    ..
    background: url(../img/plus-green.png) no-repeat;
    ..
}

edited Oct 20, 2022 at 12:07

answered Oct 18, 2022 at 11:47

Shef

45.6k15 gold badges82 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2301515 Over a year ago

The compilation makes "images/minus.png", how to do that it makes "myproj/public/imgs/minus.png"??

user2301515 Over a year ago

I need absolute paths in CSS. The laravel scss compiles wrong them.

Shef Over a year ago

@user2301515 I made a slight edit, check it now.

Collectives™ on Stack Overflow

Laravel, dynamical urls in css

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related