asp.net - 无法更改仅在 css asp.net 中具有图像 html 的 div 的背景颜色

Question

嗨
（我不是css专家的小问题）
我有一个div，如果我改变背景颜色它会成功改变它但是如果我添加图像那么它不会改变div的背景颜色这是我的代码

 <div class="Cartoon">
 <img src="App_Themes/White/Images/male.png" class="imgMale" />                 
 <div  class="male"><p>In a Nutshell|</p>
 <span>this is some text</span>
 </div>
 </div>

 <style type="text/css">
 .Cartoon
 {
 background-color: yellow;           
 }
 </style>

（仅在 css 中没有 jQuery 和没有 Javascript）您可以查看此处的网址 parkticketpal.com/HowItWorks.aspx

Answer 1

尝试这个

`

<style type="text/css">

{
background-image:url('gradient2.png');
background-repeat:repeat-x;
}
</style>

`

Answer 2

您需要清除您的.Cartoon div，因为它包含浮动元素。

我可以使用哪些“clearfix”方法？

Answer 3

您将看不到背景颜色，因为图像已经在背景上。尝试

.cartoon{
   background: yellow;
   z-index: 9999
}

然后 div 在图像上方，以便您可以看到背景。

提示：尝试使 div 比图像大。