(некоторые) фоновые изображения не будут отображаться в IE7 или IE8 - PullRequest
Новая
       15

(некоторые) фоновые изображения не будут отображаться в IE7 или IE8

1 голос
/ 05 октября 2011

CSS: 

#content {
    width:630px;
 }

.all_friends {

background:url(../img/friends.png) no-repeat;
margin-left:15px;
height:123px;
width:615px;
padding-bottom:20px;
}


.all_awards {
background:url(../img/awards2.png)no-repeat;
height:126px;
width:581px;
padding-bottom:20px;
margin-left:20px;
}

HTML: 

<div id=content>
  <h4>Friends</h4>
   <p>Friends description text</p>
   <div class="all_friends"></div> 

  <h4>Awards</h4>
   <p>Awards description text</p>
   <div class="all_awards"></div>
</div>

В IE7 / 8 я просто не понимаю, почему изображение в блоке контента «Друзья» отображается в IE7 / 8, но там в блоке контента "Награды" изображение не отображается.Я не хочу помещать изображение наград в виде встроенного тега «img» (поскольку оно работает в другом блоке контента), но это единственный способ, которым IE будет отображать его.Кто-нибудь знает, как я могу это исправить?У меня была эта проблема раньше в IE, и я ДОЛЖЕН добавить тег img в разметку, но не имеет смысла, что он работает в одном блоке контента с одинаковыми правилами (кроме изображения и размера) и не отображаетсяв другом.Я проверил здесь и здесь и здесь , я изменил свою разметку, но ничего не работает.

Это безумие.Вы пытаетесь разделить ваш CSS и HTML, и иногда вы тратите много времени на попытки сделать эти вещи только для того, чтобы узнать, что они не могут быть выполнены ... (разглагольствования)

Спасибо!

1 Ответ

4 голосов
/ 05 октября 2011

Попробуйте поставить пробел между background:url(../img/awards2.png) и no-repeat;. Это единственное существенное различие, которое я вижу между этими двумя блоками стилей, если URL-адрес изображения неправильный.

...