Почему это изображение BG не отображается? - PullRequest
0 голосов
/ 01 марта 2010

Вот мой 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

Ответы [ 2 ]

6 голосов
/ 01 марта 2010

Я не думаю, что id s может начинаться с цифры. Попробуйте изменить id на что-то вроде RaceRamps67XT и протестируйте его таким образом - и в HTML, и в CSS, и посмотрите, что он делает.

2 голосов
/ 01 марта 2010

Уверен, только идентификаторы классов могут начинаться с цифры. Для идентификаторов вы хотите [A-Za-z_]. Попробуйте изменить свой идентификатор на #sixtySevenRaceRampsXT. Проверьте этот вопрос на действительные идентификаторы для получения дополнительной информации:

Какие допустимые значения для атрибута id в HTML?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...