Z-index not working with jquery css

Question

How is it that this works:

$("#linechart").css({
      position:'fixed',
      top: "4%",
      left: "2%",
      height: "92%",
      width: "96%"
  });

and this breaks all the javascript:

$("#linechart").css({
      position:'fixed',
      top: "4%",
      left: "2%",
      height: "92%",
      width: "96%",
      z-index: "5"
  });

for more flexibity, wrap your attributes and their values in quotes to make it work in every browser. — Rohit416
– Rohit416, Commented May 3, 2013 at 10:10
when you inspect linechart, you don't see the z-index in firebug? — Amr Elgarhy
– Amr Elgarhy, Commented May 3, 2013 at 10:20

Morpheus · Accepted Answer · 2013-05-03 10:15:55Z

11

You have to define like this:

"z-index": "5"

Or uppercase if you don't want to define in quotes:

zIndex: "5"

answered May 3, 2013 at 10:04

Morpheus

9,12613 gold badges54 silver badges80 bronze badges

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

Comments

The Mechanic · Accepted Answer · 2013-05-03 10:24:04Z

1

Try this

$("#linechart").css({
      position:'fixed',
      top: "4%",
      left: "2%",
      height: "92%",
      width: "96%",
      'z-index': "5"
});

and reason is when we use css in jQuery we have to write like this if the word has space in between words

answered May 3, 2013 at 10:24

The Mechanic

2,3391 gold badge28 silver badges37 bronze badges