2013-03-19 5 views
0

я могу увидеть изменения во время проектирования, но элементы управления не отображается, когда страница запускается ... У меня есть три таких теги и другие элементы управления на вкладку панели ...управления не отображается во время выполнения

<a href="#" id="A1" class="small-heading">Change Password</a> 

CSS:

.small-heading { 
    background: url(../../Images1/small-heading.gif) no-repeat; 
    width: 105px; 
    height: 20px; 
    float: left; 
    font-size: 0.9em; 
    line-height: 18px; 
    font-weight: normal; 
    color: #7a7a7a; 
    overflow: hidden; 
    padding: 0 0 0 3px; 
    margin: 0 0 0 -127px; 
} 

, что может быть проблема?

+3

Там нет ничего плохого в этом коде. Можете ли вы добавить более крупный образец, возможно, родительские элементы до этой ссылки, а также стили, соответствующие этим родителям? Или, может быть, вы можете сделать jsfiddle, который показывает проблему? – Bazzz

ответ

0

Я не уверен, потому что у вас есть только частичный код. Попробуйте опубликовать полный код или упрощенный пример.

Я думаю, потому что и использовать overflow:hidden; и margin-left: -127px; попробовать удалить overflow:hidden;

РЕДАКТИРОВАНИЕ *

Также вы не можете иметь ширину и высоту установки для тега, так как по умолчанию используется инлайн. Это может повлиять на фоновое изображение тоже .. пытаются поставить display:block надеюсь, что это решает проблему

Благодарности

+0

Его огромный код и я не могу его разместить здесь ... Theres одно: когда я удаляю css, тег отображается, когда я добавляю CSS, он не делает. Кроме того, он не показывает изображение в фоновом режиме даже во время разработки ... Сколько способов прохождения пути изображения ...? – adityawho

+0

Хорошо, удаление поля помогло частично. Теперь теги (ссылки) отображаются, но он по-прежнему не принимает изображение в фоновом режиме ... – adityawho

+0

Можете ли вы настроить jsfiddle для этого? –

Смежные вопросы