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
Post a Comment