Can't set png image through css content property in Symfony project

Question

My png image is located in src/AppBundle/Resources/public/img

I am trying to set png image through css content property:

content: url(../../public/assets/img/optional-checked.png);

But I am getting

GET http://127.0.0.1:8080/public/assets/img/optional-checked.png 404 (Not Found)

How can I set png image through CSS content property in Symfony project?

if your image located in public/img why you search it in public/assets/img? — Yosef Tukachinsky
– Yosef Tukachinsky, Commented May 10, 2018 at 12:52

z3nth10n · Accepted Answer · 2018-05-10 16:14:19Z

1

First suggestion, That's because you need to respect the hierarchy from where you call your CSS not your script.

Another suggestion would be not to use public folder to upload your assets, instead of this, use web folder (in the root), because if you do like I'm saying then the twig views can use properly asset keyword right.

And the last tip, is that you are trying to read your image from public/assets/img/optional-checked.png when you said that your image is really located in public/img.

Hope this helps.

answered May 10, 2018 at 16:14

z3nth10n

2,4512 gold badges29 silver badges62 bronze badges

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

Collectives™ on Stack Overflow

Can't set png image through css content property in Symfony project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related