Фоновое изображение не отображается в Firefox - PullRequest
3 голосов
/ 17 июня 2010

Странная вещь случается.Фоновое изображение не отображается в Firefox в некоторых версиях WindowsXP и Windows Vista, но отображается в Firefox под Mac OSX.Это также отображается в IE.Это CSS:

.cherry_banner {
background: url("library/media/images/cherry_banner_top.png") no-repeat;
width: 276px;
display:block;
min-height:100px;
padding-top: 13px;
color: #fdfdfd;
margin-bottom:20px;
}

.cherry_banner a {
color: #fdfdfd;
}

.cherry_banner a:hover {
text-decoration:underline;
}

.cherry_banner li {
list-style-type:none;
}

.cherry_banner h2 {
font-size: 18px;
margin-bottom: 10px;
}

.chb_text1 {
background: url("library/media/images/cherry_banner_pixel.png") repeat-y;
}

.chb_text2 {
background: url("library/media/images/cherry_banner_bottom.gif") bottom no-repeat;
padding: 4px 14px 24px 25px;
}

И это HTML:

<div id="linkcat-8" class="cherry_banner tpt"><div class="chb_text1"><div class="chb_text2">
<h2>Для москвичей</h2>
<ul class='xoxo blogroll'>
<li><a href="http://inveda.ru/jyotish/naksatra-calendar/">Закажите бесплатный индивидуальный календарь благоприятных дат на 2010г.</a></li>
</ul>
</div></div></div>

Вы можете видеть на http://www.inveda.ru - правый столбец - красное знамя.

Ответы [ 2 ]

1 голос
/ 17 июня 2010

Ваш код действителен и да, я правильно вижу фон. (FF, IE6-9, Safari, Opera, Chrome)

Я считаю, что это проблема кэширования браузера (старый CSS остается на вашем компьютере с XP). Убедитесь, что вы нажали Ctrl + F5, когда хотите просмотреть страницу в другом браузере / ПК.

0 голосов
/ 17 июня 2010

Попробуйте также установить цвет на trasnsparent и удалить кавычки в URL:

background: transparent url(library/media/images/cherry_banner_top.png) no-repeat;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...