В IE 7 фоновый сдвиг на 1 пиксель сверху, но в FF это нормально?

#css

#css

Вопрос:

В IE 7 фоновый сдвиг на 1 пиксель сверху, но в FF это нормально?

  background: url(girl.jpg) top left repeat-x;
 position: relative;
 top: 0px;color: #666;
 border-bottom-color: white;
  

Ответ №1:

Я не думаю, что это происходит из-за фонового изображения. Вы уверены, что в разметке нет прозрачной границы или другого сдвига на 1 пиксель в другом месте?

Комментарии:

1. @metal но это не могло вызвать сдвиг в верхней части, не так ли?

Ответ №2:

вы можете использовать это

       top:0px;
    *top:1px;

*background-position:0px 1px;
  
  • работают только четыре IE7, так что вы можете использовать это.

вы можете ввести значение в соответствии с вашим дизайном. в * top: px.

Комментарии:

1. вы добавили этот код в свой css. вы можете установить значение top, например * top:-1px. попробуйте. или вы пробовали это

2. *top:-1px я думаю, что он не может контролировать положение фона

3. * background-position: 0px 1px; используйте это.

Ответ №3:

В IE6 есть ошибки с позиционированием фона относительно расположенных элементов. Ваш документ находится в стандартном режиме? И попробуйте предоставить вашему элементу hasLayout, например, с помощью zoom: 1 .

Комментарии:

1. да zoom:1 решает фоновую проблему, но это нарушает layoyt

2. Тогда вам нужно будет переработать макет, чтобы он работал с hasLayout 🙁