Why do we need multiple background-color rules?

Question

I'm a novice in Css and it's difficult to search for this specific case on the internet, so I post a question here.

I'm working on an existing code base and I see something like this.

li {
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

I don't understand the meaning of \9. But it looks to me the rules are duplicates and I should remove one of them.

Could you please explain the \9 and should I remove one rule? Thanks.

The reason I'm asking because I'm converting some css files to less files and \9 is causing a compilation problem.

http://stackoverflow.com/questions/12500732/what-does-mean-in-a-css-hex-color-notation could be duplicate — Ashish Balchandani, Aug 20 '14 at 10:12
@Ashish Balchandani: could I remove one of them? and which one should I remove? Thanks. — Khanh TO, Aug 20 '14 at 10:13

score 8 · Accepted Answer · edited Aug 20 '14 at 10:19

8

\9 is an old Internet Explorer hack, which makes it work in IE only (8 and lower) rgba is the way to go you can safely delete the \9 rule

edited Aug 20 '14 at 10:19

ʰᵈˑ

answered Aug 20 '14 at 10:11

nire

score 2 · Answer 2 · edited May 23 '17 at 12:17

2

This is a CSS hack for IE 7, 8, & 9.

To find out more, please check this link.

edited May 23 '17 at 12:17

Community

answered Aug 20 '14 at 10:14

Punitha Subramani

score 2 · Answer 3 · edited Nov 20 '16 at 20:10

2

This is an IE hack. For more details see http://webdood.com/?p=57.

edited Nov 20 '16 at 20:10

SharpC

answered Aug 20 '14 at 10:16

Wazan

3 Answers3