如何通过对象添加z-index？

Question

经由css方法思想对象有可能添加z-index：

jQuery('<div/>').css({ 
     z-index: 1000, 
     opacity: 0.7, 
     width: jQuery(window).width(), 
     height: jQuery(document).height(), 
     top:0, 
     left:0, 
     position: 'absolute'}).appendTo('body'); 

Answer 1

$("<div>").css({ 
    zIndex: 123 
}).appendTo("body"); 

或

$("<div>").css({ 
    "z-index": 123 
}).appendTo("body"); 

---

.css() doc：

...此外，jQuery可以同样解释多字属性的CSS和DOM格式。例如，jQuery可以理解并返回.css({'background-color': ...})和.css({backgroundColor: ...})的正确值。

Answer 2

jQuery('div').css('z-index',1000); 

Answer 3

肯定的，但你必须使用单引号/引号'z-index马克：

jQuery('<div/>').css({ 
    "z-index": 1000, 
    opacity: 0.7, 
    width: jQuery(window).width(), 
    height: jQuery(document).height(), 
    top:0, 
    left:0, 
    position: 'absolute'}).appendTo('body');