Вкладка «Поиск» разбита в IE6, а ввод img src не отображается - PullRequest
Новая
       3

Вкладка «Поиск» разбита в IE6, а ввод img src не отображается

1 голос
/ 26 мая 2010

Да, еще одна глупая проблема IE6. К сожалению, я не могу закрывать на это глаза. Кнопка ввода не отображается в IE6, но работает во всех других браузерах, и макет также ломается. Чтобы увидеть проблему в Интернете, посетите веб-сайт . Опять же, я вижу только проблему в IE6. Во время загрузки он встроен; но когда страница загружается, она ломается. На домашней странице все работает нормально ... Любая помощь будет отличной!

Вот код для поля поиска: 

<li class="inputSearch">
    <input type="text" id="search" runat="server" title="search" value="search" class="fieldSearch" onfocus="Clear()" onkeydown="testEnterKey(event);" />
    <div class="buttonSearch">
        <input type="image" src="media/images/layout/button-search.png" name="btnSearch" id="btnSearch" onclick="javascript:return SubmitSearch();" />
    </div>
</li>

Вот CSS, связанный с этими полями: 

.inputSearch {
    background: transparent url('../../media/images/layout/bg-search.png') no-repeat top left;
    width: 99px;
    height: 27px;
    color: #000;
    font-size: 12px;
    padding: 6px 0px 7px 10px;
    position: relative;
    left: 0px;
    display: block;
}
.fieldSearch {
    border: none;
    color: #000;
    width: 85px;
}
.buttonSearch {
    position: relative;
    display: inline;
    left: 0px;
    top: 9px;
}
.navspace {
    margin: 0 5px 0 5px;
}

Следующее также применяется из специальной таблицы стилей ie.css: 

#topnav ul li.inputSearch {
    width: 109px;
    float: left;
    top: -4px;
    padding-bottom: 0;
    padding-top: 5px;
}

1 Ответ

0 голосов
/ 27 мая 2010

хорошо, я думаю, теперь все исправлено ...

окно поиска не работает из-за использования jquery.pngFix.js. подправил код, чтобы не применять прозрачность только к фону окна поиска - и shazaam он отображает встроенный.

...