Html 为什么我的CSS div类会覆盖它后面的图像？

我有一个

来包含整个局部视图：

<div class="bkgImg">
    /* everything else in here */
</div>

---

因此，我的问题是如何防止默认主体背景覆盖包装中的bkgImg集？？我怎样才能得到“不”我的

和

上的背景？

您可以使用

背景：透明

来允许在元素后面看到父背景。

您可以使用

背景：透明

来允许在元素后面看到父背景。

尝试使用“z索引”，即在div上使用较低的z索引值在.customRound上没有类和更高的z索引值。

尝试使用“z索引”，即在div上使用更低的z索引值，而在.customRound上没有类和更高的z索引值。

尝试为锚定链接提供

显示：内联块

您是指列表中的链接吗？我不认为这会导致背景图像被覆盖，因为如果我删除

customRound

类，它会完全正常工作。哦，我明白你的意思，你对父类的意思，我的

customRound

类-是的，这很有效！谢谢。请尝试将

display:inline block

添加到锚链接您是指列表中的链接吗？我不认为这会导致背景图像被覆盖，因为如果我删除

customRound

类，它会完全正常工作。哦，我明白你的意思，你对父类的意思，我的

customRound

类-是的，这很有效！谢谢。我考虑过了，但是透明度对所有浏览器都有效吗？！我的印象是，这可能会给我带来麻烦，所以我正在寻找一种方法来“关闭”IE9上支持的背景

rgba（）

。我尝试将

background:rgba（0,0,0,0）

添加到类和类>ul中，但它不起作用

background:transparent

在这两种浏览器上都不起作用我考虑过这一点，但透明度在所有浏览器上都起作用吗？！我的印象是，这可能会给我带来麻烦，所以我正在寻找一种方法来“关闭”IE9上支持的背景

rgba（）

。我尝试将

background:rgba（0,0,0,0）

添加到类和类>ul中，但它不起作用

background:transparent

两者都不起作用1）我不能在没有类的div上设置z索引，除非我分配了一些css选择器，我不想在线执行，2）项目显示良好，因此z索引不是问题。如果我将背景图像设置为更高的z索引，那么它只会隐藏子

div

元素……您可以按如下方式应用CSS。bkgimgdiv:eq（0）/*这会影响第一个子项*/{z-index:9；}.bkgimgdiv.customRound{z-index:999；}1）我不能在没有类的div上设置z-index，除非我分配了一些css选择器，我不想在线设置，而且2）项目显示良好，因此z-index不是问题。如果我将背景图像设置为更高的z索引，那么它只会隐藏子

div

元素……您可以按如下方式应用CSS。bkgimgdiv:eq（0）/*影响第一个子项*/{z-index:9；}.bkgimgdiv.customRound{z-index:999；}

<div>
        <h1>stuff</h1>
        <img class="img-rounded" src="~/Content/Images/blahblah.svg" />
        <p>stuff</p>
</div>

<div class="customRound">
    <ul>
            <li>
                <a href="unimportant">
                    Languages
                </a>
            </li>
    </ul>
</div>

.customRound{
    background:none;
}   

.customRound > ul{
    background:none;
    text-decoration:none;
    list-style-type:none;
}
.customRound > ul > li{
    background-color:black;
    float:left;
    height:50px;
    width:50px;
    border-radius:25px;
}


.bkgImg {
    background-image: url("Images/PrettyPicture.png");
    background-size:cover;
}