.sqs-block-content .image-slide-anchor:hover img { display: none; } .image-slide-title { display: block !important; height: 100%; width: 100%; position: absolute; top: 0; z-index: 2000; font-family: "Quicksand"; font-size: 200%; color: #333 } .image-slide-title a { color: transparent !important; display: block; height: 55%; padding-top: 45%; font-family: "Quicksand"; } .image-slide-title a:hover { background: none repeat scroll 0 0 #000; /* #000 Fall-back for browsers that don't support rgba */ background-color: rgba(0, 0, 0, .5); color: #fff; font-family: "Quicksand"; opacity: .9; }
 

Work