希望将background-color
应用于嵌套在div
内的footer
。 footer
有一个background-image
覆盖了我在CSS
中设置的整个页脚。包含background-color
的{{1}}的{{1}}应该到达div
img
的底部。以下是我的意思:
我的代码如下所示:
footer
CSS:
bakground-img
<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>
显示但我看不到包含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;
}
的div的img
。可能是一个简单的修复,但我似乎无法弄明白。任何帮助将不胜感激。
答案 0 :(得分:3)
您需要加入rgba
。
background-color: rgba(0,0,0,.97);