2015-12-04 2 views
0

Хотелось бы применить background-color к div, который находится внутри footer. footer имеет background-image, охватывающий весь нижний колонтитул, который я установил в CSS. background-colordiv, содержащий img, должен достигнуть нижней части footerbakground-img. Вот пример того, что я имею в виду:Фоновый цвет не отображается при установке

enter image description here

Мой код выглядит следующим образом:

<footer> 
    <div class="some class"> 
     <img src="img/some-image.png" alt=" "> 
     <div class="some class"> other content </div> 
    </div> 
    <div class="bottom-footer"> </div> 
    </footer> 

CSS:

footer { 
    background-image: url('../img/footer.jpg'); 
    background-repeat: no-repeat; 
    background-size: 100%; 
    height: 400px; 
    width: 100%; 
} 

.some.class { 
    width: 300px; 
    height: 365px; 
    margin-left: 2%; 
    background-color: (0,0,0,.97); 
    z-index: 1; 
} 
div.some img { 
    width: 260px; 
    height: 130px; 
    margin-top: 30px; 
} 

The img шоу, но я не могу видеть background-color из div, который имеет img. Наверное, простое исправление, но я не могу понять это. Любая помощь будет оценена по достоинству.

ответ

3

Вам необходимо включить rgba.

background-color: rgba(0,0,0,.97); 
+1

@ web-dev, если ваши проблемы решены, вы должны принять ответ Таньи, чтобы побудить ее помочь людям лучше. :-) – Muhammad

+0

Извините. Я поддержал ее ответ, поэтому я подумал, что это способ принять ее ответ. Есть ли что-то еще, что мне нужно сделать, чтобы показать, что это полезно? –

+0

Нажмите галочку, которая отображается надзорами/вниз. Таким образом, вопрос появляется, как и все пользователи. –