Несоответствие фонового изображения CSS в IE6 и IE7 - PullRequest
Новая
       13

Несоответствие фонового изображения CSS в IE6 и IE7

0 голосов
/ 16 апреля 2010

У меня есть span, который генерируется с помощью javascript, с его классом css следующим образом: 

.class1{  
  width:25px;
  height:25px;
  background-image: url(pic.png);
  background-repeat:no-repeat;
  background-position: center; 
  cursor:pointer;
  margin-left:10px;
 }

Проблема в том, что на html-странице я вижу курсор-указатель, но не фоновое изображение на всем протяжении в IE7.

В IE6 оба отображаются, без проблем.

1 Ответ

3 голосов
/ 16 апреля 2010

Span по определению является встроенным элементом, попробуйте добавить display:block; или display:inline-block; к .class1. Также добавьте height и width вашего изображения.

Вот так: 

.class1{  
  width:25px;
  height:25px;
  background-image: url(pic.png);
  background-repeat:no-repeat;
  background-position: center; 
  cursor:pointer;
  margin-left:10px;

display:block; /*or inline-block*/
height:100px;
width:100px; /*img height and width*/
 }
...