css - opacity over gradient background -
i want use opacity
gradient, not text color. here code :
.large-thumb { position: absolute; bottom: 15px; z-index: 99; padding: 5px 5px 20px; color: #fff; background: #323232; /* old browsers */ background: -moz-linear-gradient(top, #323232 0%, #858585 50%, #e7e7e7 100%) ; /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(50%,#858585), color-stop(100%,#e7e7e7)) ; /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #323232 0%,#858585 50%,#e7e7e7 100%) ; /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #323232 0%,#858585 50%,#e7e7e7 100%) ; /* opera 11.10+ */ background: -ms-linear-gradient(top, #323232 0%,#858585 50%,#e7e7e7 100%) ; /* ie10+ */ background: linear-gradient(to bottom, #323232 0%,#858585 50%,#e7e7e7 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#323232', endcolorstr='#e7e7e7',gradienttype=0 ); /* ie6-9 */ width: 291px; background:transperent; margin-left: 20px; margin-left: 20px; padding-bottom: 20px; bottom: 31px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; }
for demo follow link demo blog
basically yout text color becouse @ .large-thumb span.xpose_meta
you set @ #00000
insteed of #000000
(6 numbers) or #000
(3 numbers).
there's no opacity around on project.
and, if possible, next time try extract part of code it's wrong (html , css) , give in question, better if on jsfiddle (nice info if don't know jsfiddle here)
don't expect people solving problems like: "here web, not working, fix me... ah, don't expect single please or ty in question"
(and yes, i'm stupid still try help)