html - 为什么此BG图像不显示？

这是我的HTML：

                <div id="leftMenuWrapper">
                    <div id="ramps" class="leftMenuHeaderButton"></div>
                    <div id="carServiceRamps" class="leftMenuSubButton"></div> <div class="clear"></div>
                    <div id="67RaceRampsXT" class="leftMenuProductButton"></div>
                </div>

这是我的CSS：

#leftMenuWrapper{
background:url(../images/main_elements/leftMenu_BG.jpg) repeat-y;
border:#777777 thin solid;
width:160px;
margin-left:-19px;
position:absolute;
padding-bottom:5px;
}

.leftMenuHeaderButton{
width:175px;
height:35px;
position:relative;
top:-16px;
left:-11px;
}
    #ramps{
    background:url(../images/main_elements/leftMenu/Ramps.png) no-repeat;
    }


.leftMenuSubButton{
width:169px;
height:21px;
position:relative;
float:right;
left:1px;
}
    #carServiceRamps{
    background:url(../images/main_elements/leftMenu/car-service-ramps.png) no-repeat;
    }

.leftMenuProductButton{
width:160px;
height:20px;
clear:both
}

    #67RaceRampsXT{
    background:url(../images/main_elements/leftMenu/67-Race-Ramp-XTs.jpg) no-repeat;
    width:160px;
    height:20px;
    }

.clear{clear:both}

一切正常，除了<div id="67RaceRampsXT" class="leftMenuProductButton"></div>不会显示它的BG图像（它甚至不会显示BG颜色）。该元素在那里，因为如果我调整尺寸，它会相应地进行调整，但不会以FF或Chrome显示图像。

我可以在其中放入<IMG>，甚至可以将BG分配给.leftMenuProductButton，但不能分配给#67RaceRampsXT

最佳答案

我认为id不能以数字开头。尝试将您的id更改为RaceRamps67XT之类，并以此方式进行测试-在HTML和CSS中进行查看，看看它能做什么。

关于html - 为什么此BG图像不显示？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2358542/

bg

html - 为什么此BG图像不显示？