渐变背景上的不透明度答案

【问题标题】：opacity over gradient background渐变背景上的不透明度
【发布时间】：2015-06-15 09:07:39
【问题描述】：

我只想将opacity 用于此渐变，而不是用于文本颜色。这是代码：

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

如需演示，请点击链接demo blog

【问题讨论】：

标签： css gradient opacity

【解决方案1】：

基本上你的文字颜色是因为.large-thumb span.xpose_meta你将它设置为#00000而不是#000000（6个数字）或#000（3个数字）。

您的项目周围没有不透明性。

并且，如果可能的话，下次尝试提取错误的代码部分（html 和 css）并在您的问题中将其提供给我们，如果在 jsfiddle 上更好（如果您不知道，很好的信息jsfiddle here)

不要指望人们会解决您的问题，例如：“这是我的网站，它无法正常工作，请为我修复它......啊，甚至不要指望我的问题会出现一个问题”

（是的，我是如此愚蠢，以至于我仍然试图提供帮助）

【讨论】：