Question

我只想对此渐变使用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

Answer 1

基本上你的文字颜色就是因为.large-thumb span.xpose_meta你设置#00000 #000000（6个数字）或#000（3个数字）。< / p>

您的项目没有任何不透明性。

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

不要期望别人解决你的问题，例如：＆＃34;这是我的网站，这是行不通的，为我修好......啊，甚至不期待一个单一的请求甚至ty在我的问题＆＃34;

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

渐变背景下的不透明度

1 个答案: