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

http://jsfiddle.net/7yqhu/

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; } 

http://jsfiddle.net/adrift/7yqhu/1/


Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -