Q:

background-color not visible when set

Would like to apply a background-color to a div that's nested inside a footer. The footer has a background-image covering the entire footer I set in CSS. The background-color of the div containing the imgshould reach the bottom of the footer's bakground-img. Here's an illustration of what I mean:

My code looks like this:
  <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 shows but i cannot see the background-color of the div that has the img. Probably a simple fix but I can't seem to figure it out. Any help would be appreciated.

A:

You need to include rgba.
background-color: rgba(0,0,0,.97);

