Div与svg背景图片

时间:2014-08-07 12:47:15

标签: html css svg transparency

我在div里面有一个div。第二个有.svg图像作为背景,它是透明的,所以我可以看到写在我的第一个div背景上的文字。我不希望它像那样,我不确定我需要改变什么以消除透明度。请帮忙。感谢。

1 个答案:

答案 0 :(得分:4)

您可以在div 2上定义background-color属性:

background-color:#fff;

来源

<style>
.img {
   background-image:url('http://www.stupidedia.org/images/a/a3/Gangsta-balz-transparent.svg');
    width:640px;
    height:427px;
    position: absolute;
    top:0; left:0; z-index:1000;
    background-color:#fff;
}
</style>

<div>
    <h1>Some text Some text Some text Some text Some text</h1>
    <div class="img">
    </div>
</div>