Jump to content
  • 0

По каким причинам не показывает background-image?


boompaw
 Share

Question

19 answers to this question

Recommended Posts

  • 0

элементу, для которого указан рисунок фона, не заданы размеры, а содержит он только элементы с float'ом :)

а может попробовать перечислить все возможные варианты такого поведения? :)

Link to comment
Share on other sites

  • 0
По каким причинам не показывает background-image?

А то сталкиваюсь иногда с этой проблемой, а понять почему так происходит не могу.

Давай конкретный пример. Ссылку на проблемную страницу.

Link to comment
Share on other sites

  • 0

	#header {
height:50px;
background-image: url ('http://s53.radikal.ru/i141/1102/73/6802c8fdd12b.png') repeat-x;
}

#lefthead {
float: left;
width: 20%;
height: 50px;
}
#righthead {
float: right;
width: 80%;
height: 40px;
}

#auth {
display:inline;
margin-right: 10px;
}

#auth p {
text-align: right;
padding-right: 2%;
}

<div id="header">


<div id="lefthead">

<img src="" alt="Привет лого">

</div>

<div id="righthead">
<div id="auth">
<p>
<a class="auth-a" alt="Вход" href="#">Войти</a>
<a class="auth-a" alt="Регистрация" href="#">Зарегистрироваться</a>
</p>
</div>
</div>


</div>

собссна вот.

я только учусь, так что ругайтесь на меня, но на неслишком профессиональном языке, а то не пойму. :)

Link to comment
Share on other sites

  • 0

Если путь вбить в адресную строку браузера, то увидим, что картинки нет, она недоступна. Сохраните ее к себе на локальный компьютер и укажите к ней путь.

Link to comment
Share on other sites

  • 0
Если путь вбить в адресную строку браузера, то увидим, что картинки нет, она недоступна. Сохраните ее к себе на локальный компьютер и укажите к ней путь.

установил путь через локальный адрес, всё-равно не показывает.

Link to comment
Share on other sites

  • 0
background-image: url ('http://s53.radikal.ru/i141/1102/73/6802c8fdd12b.png') repeat-x;

Попробуйте либо background: url('http://s53.radikal.ru/i141/1102/73/6802c8fdd12b.png') repeat-x; либо background-image: url('http://s53.radikal.ru/i141/1102/73/6802c8fdd12b.png'); background-repeat:repeat-x;

Edited by Lesana
Link to comment
Share on other sites

  • 0
Попробуйте либо background: url('http://s53.radikal.ru/i141/1102/73/6802c8fdd12b.png') repeat-x; либо background-image: url('http://s53.radikal.ru/i141/1102/73/6802c8fdd12b.png'); background-repeat:repeat-x;

второй вариант заработал.

спасибо большое.

У свойства background-image нет значения repeat-x

Спасибо за напоминание!

Link to comment
Share on other sites

  • 0

Ещё ие 7 и ниже не понимает такого вида конструкции:

background: #fcfefe url('url.png') 5px 20% repeat-x;

Проблема конкретно : 5px 20%, несоответствие природы параметров. Остальные браузеры адекватно понимают и % и px и ex и em. Можно миксовать иногда ;)

Edited by Shift-Web
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy