javascript - Z-index not working with jquery css - Stack Overflow

admin管理员组

文章数量:1344936

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"
  });

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"
  });

• javascript
• jquery
• css
• z-index

Share Improve this question Follow edited May 3, 2013 at 10:17 Anujith 9,37066 gold badges3535 silver badges4848 bronze badges asked May 3, 2013 at 10:02 AlasdairAlasdair 14.2k1818 gold badges9393 silver badges151151 bronze badges 2

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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 11

You have to define like this:

"z-index": "5"

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

zIndex: "5"

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

本文标签： javascriptZindex not working with jquery cssStack Overflow