2015-04-09 2 views
-1

Я хочу использовать 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

ответ

0

цвет в основном Yout текст, что это becouse в .large-thumb span.xpose_meta вы установите его на #00000 insteed из #000000 (6 цифр) или #000 (3 номера).

В вашем проекте нет непрозрачности.

И, если возможно, в следующий раз попытайтесь извлечь часть кода, которая является неправильной (html и css), и дайте ее нам в своем вопросе, даже лучше, если на jsfiddle (хорошая информация, если вы не знать jsfiddle here)

не ожидать, что люди в решении Ваших проблем, как: «вот мой веб, это не работает, исправить это для меня ... ах, даже не ожидал один пожалуйста, или даже в моем вопросе «

(и да, я настолько глуп, что все еще стараюсь помочь)

Смежные вопросы