How to add z-index via object?

Question

Is it possible add z-index via css method thought object:

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');

Derek 朕會功夫 · Accepted Answer · 2013-02-12 07:58:28Z

3

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

or

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

.css() doc:

... Also, jQuery can equally interpret the CSS and DOM formatting of multiple-word properties. For example, jQuery understands and returns the correct value for both .css({'background-color': ...}) and .css({backgroundColor: ...}).

edited Feb 12, 2013 at 7:58

answered Feb 12, 2013 at 7:52

Derek 朕會功夫

94.8k45 gold badges199 silver badges255 bronze badges

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

Comments

VeXii · Accepted Answer · 2013-02-12 07:53:05Z

1

yes but you have to use apostrophes/quotation 'z-index marks:

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');

answered Feb 12, 2013 at 7:53

VeXii

3,1091 gold badge21 silver badges25 bronze badges

Comments

Pragnesh Chauhan · Accepted Answer · 2013-02-12 07:55:15Z

1

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

edited Feb 12, 2013 at 7:55

Pragnesh Chauhan

8,49410 gold badges46 silver badges58 bronze badges

answered Feb 12, 2013 at 7:52

asifsid88

4,71122 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to add z-index via object?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related