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