html - 简单的CSS使我的背景100％(自动安装浏览器)？

我的CSS遇到了一些问题：

到目前为止，我的编码：

#leftcolumn {
    background: url('SlicingImage/action_bar.jpg');
    background-repeat:none;
    float:left;
    z-index: -1;
}

HTML：

<div id="containerleft">
        <div id="leftcolumn"  >
            <p><img src="SlicingImage/alacards_logo.png"/></p>
            <ul>
            <li class="separator"></li>
            <li class="buttons">home</li>
            <li class="separator"></li>
            <li class= "buttons">users</li>
            <li class="separator"></li>
            <li class= "buttons">tutorial</li>
            <li class="separator"></li>
            <li class= "buttons">issuers</li>
            <li class="separator"></li>
            <li class= "buttons">merchants</li>
            <li class="separator"></li>
            <li class= "buttons">partners</li>
            <li class="separator"></li>
            <li class= "buttons">high light</li>
            <li class="separator"></li>
            <li class= "buttons">news</li>
            <li class="separator"></li>
            <li class= "buttons">contact us</li>
            <li class="separator"></li>
            <li class="bottom"></li>
            </ul>
        </div>
       </div>

如果我运行此代码，结果为：BG，但我希望像this一样覆盖灰色的小区域

如果我删除


  背景：url（'SlicingImage / action_bar.jpg'）;


变得像BG2

我尝试添加该class =“ bottom”，但不喜欢我想要的（必须手动定义高度）

最佳答案

您的背景因为z-index而没有显示。尝试把更高的