Раздвижные раздвижные двери в IE7 - PullRequest
Новая
       33

Раздвижные раздвижные двери в IE7

0 голосов
/ 21 июля 2011

У меня есть веб-приложение, изначально предназначенное для IE7.Я корректирую CSS, чтобы сделать приложение презентабельным в последней версии Chrome, не нарушая его для пользователей IE7.Я исправил неправильно введенные поля ввода раздвижных дверей по всему сайту, но есть одна страница, на которой я не могу настроить выравнивание раздвижных дверей в IE7 и Chrome.Настройка очень проста: 

<span>
    <input type="text" ... />
</span>

В этом случае пролет удерживает левую крышку раздвижной двери, а вход содержит правую крышку и корпус.Я обозначил как span, так и input как inline-block с одинаковой высотой и без полей или отступов.Chrome прибивает его, и он выглядит великолепно, но IE7 отображает входной сигнал на 1 пиксель ниже, чем диапазон:

требуется больше репутации для публикации изображений

Если я добавлю -1px верхнего поля на входе, тогда IE7 корректно отображает объект, а Chrome отображает его со смещением.Я попытался сравнить этот экземпляр со всеми другими входами для раздвижных дверей в приложении, которые работают как в IE7, так и в Chrome, но я не могу на всю жизнь увидеть, что здесь отличается ...

Кто-нибудь запускаетв такую ​​проблему раньше?

1 Ответ

0 голосов
/ 21 июля 2011

Почти наверняка есть лучший способ исправить это, но не видя этого ..

Добавьте class к сломанному input, например, "ie7fix", затем: 

/* applies to only ie7 */
*+html .ie7fix {
    margin-top: -1px; 
}

http://en.wikipedia.org/wiki/CSS_filter#Star_plus_hack

...