입력 검색 레이아웃 IE6에서 깨졌으며 입력 된 img src가 표시되지 않음

Question

예, 다른 바보 같은 IE6 문제. 불행히도 나는 눈을 멀게 할 수 없다. IE6에서는 입력 버튼이 보이지 않지만 다른 브라우저에서는 입력 버튼이 작동하고 있습니다. 온라인에서 문제를 확인하려면 the website을 방문하십시오. 다시, 나는 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; 
} 

Answer 1

괜찮아요. 지금은 모두 고쳐 졌다고 생각합니다 ...

'jquery.pngFix.js'를 (를) 사용하여 검색 창이 깨졌습니다. 검색 상자 배경에 투명도를 적용하지 않도록 코드를 수정했습니다. 그리고 shazaam은 인라인으로 표시됩니다.