Фоновое изображение текстового поля выталкивается в IE 6 и IE 7 - PullRequest
Новая
       5

Фоновое изображение текстового поля выталкивается в IE 6 и IE 7

1 голос
/ 19 июля 2011

Пожалуйста, посмотрите этот jsFiddle пример.Фоновое изображение, которое я использовал в текстовом поле, выталкивается из поля зрения в IE при вводе длинных значений:

enter image description here

Решение (в случае удаления jsfiddle)

CSS 

#txt_services_by_zip_code_search{
    border: none;
    float: left;
    height: 22px;
    width: 95px;
    padding:0 5px;
    background: transparent
}
#txt_services_by_zip_code_search_wrapper {
    background: transparent url('http://i.imgur.com/quh2W.gif') no-repeat 0 -25px;
    display: inline-block;
    *display: inline;
    zoom: 1
}

HTML 

<div id="txt_services_by_zip_code_search_wrapper">
    <input type="text" name="services_by_zip_code_search" id="txt_services_by_zip_code_search" class="txt_services_by_zip_code_search" />
</div>

1 Ответ

1 голос
/ 19 июля 2011

Классическая ошибка IE ..

Чистого обходного пути нет.Вы должны обернуть вход в другой элемент, такой как div, и вместо него применить background.

См. В IE7: http://jsfiddle.net/P47sa/3/

Вот случайная страница в Интернете, которая соглашается со мной: http://blogs.creative -jar.com / post / Input-background-scrolling-in-IE.aspx

Если ваша страница делаетинтенсивное использование JavaScript / jQuery, вы можете использовать это, чтобы применить исправление вместо того, чтобы загромождать HTML.

...