html - Why can't I position this <a> over the following div? -
i'm having issues positioning. there container div contains div , tag inside (both separately) need tag on second div, doesn't seem work when use z-index:
here jsfiddle
and code
.container{ width: 100%; background: yellow; opacity: 0.4; height: 130px; position:absolute; } .inner { position: absolute; background: red; opacity: 0.5; height: 100px; width: 100%; margin: 15px 0; } .inner-link { margin:15px auto; background:blue; display:block; width:100px; height: 100px; z-index: 99!important; }
create stacking context <a>
giving position value other default, static
.inner-link { position: relative; }
Comments
Post a Comment