troubleshooting Question

Adding image location in CSS

Avatar of Stefan Motz
Stefan MotzFlag for United States of America asked on
5 Comments1 Solution25 ViewsLast Modified:
Hi Experts,
I'm trying to replace Less Than and Greater Than signs in my CSS with images:
.menu-label::after { content: ">"; }
#menu-toggle:checked + .menu-label::after { content: "<"; }

Open in new window

I tried replacing them with the image location, but it didn't work, it just wrote out thew whole string.
.menu-label::after { content: "background-image: url('../../../../../assets/images/gt.jpg');"; }
#menu-toggle:checked + .menu-label::after { content: "background-image: url('../../../../../assets/images/lt.jpg');"; }

Open in new window

Is there a way to do it? I would appreciate your help.
Join our community to see this answer!
Unlock 1 Answer and 5 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros