html - Child div will not over-lap parent div with a z-index added -


i having issues getting viewproductbutton go overtop of it's parent div. have added z-index element , have tried position position: relative; , position: absolute;. nothing getting position in top right corner want it.

here fiddle https://jsfiddle.net/lrdswa5a/

what not doing right

here working jsfiddle: https://jsfiddle.net/lrdswa5a/5/

if replace '.featuredproductspic' , '.viewproductbutton' following:

.featuredproductspic {   /*width: 100%;*/   border: 1px solid #d9d9d9;   min-height: 350px;   max-height: 350px;   float: left;   position: relative; } 

and

.viewproductbutton {   width: 150px;   padding: 15px 15px;   background-color: #909090;   color: #ffffff;   font-size: 1em;   font-weight: bold;   cursor: pointer;   text-align: center;   position:absolute;   top:0;   right:0; } 

then button on top right of image.

cheers!


Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -