Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS variable doesn't working on IE.

See original GitHub issue

Describe your problem and - if possible - how to reproduce it

From CSS variable lesson, I just want to inform that IE doesn’t supports CSS variables as well as it’s fallback value. It’d be great if your team will curate those lessons/challenges or add alternate CSS property with that.

background: black;  // IE & un-supported browsers
background: var(--var-name, black);

Add a Link to the page with the problem

Started from this lesson.

Tell us about your browser and operating system

Browser Name: Chrome
Browser Version: 67+
Operating System: Windows 10

If possible, add a screenshot here

Issue Analytics

State:
Created 5 years ago
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

johnkennedy9147commented, Jun 13, 2018

@adsingh14 Thanks for raising this.

Fallbacks as described in this lesson are not for older browsers that lack CSS variable support, they are for when the variable has not been defined yet, or otherwise not able to be resolved.

The technique you mention of using a preceding more broadly supported CSS rule is also referred to as a fallback.

Ideally, I think there should be two lessons, one describing each.

@raisedadead whats the situation with adding additional lessons?

0reactions

scissorsneedfoodtoocommented, Aug 22, 2018

@joshalling, great! Looking forward to seeing what you come up with. I would say it’s better to have two separate PRs, one for the fix and another for the new lesson.