如何通過對象添加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');