Question

I have the following css declaration in place:

#envelope:after
{
    z-index: -1;
    position: absolute;
}

How do I remove it (set it to empty at least) with jQuery at runtime?

Answer 1

You can’t really “remove” a css rule with jQuery but you can override it for a specific item (or list of items) depending on used selector.

When you are talking about removing it, don’t you mean setting a new value instead ?

So if you want to “remove” your z-index, just set it to

.css('z-index', 'auto')

which is the default value

Same for position

.css('position', 'static')