검색창 오류 질문
본문
<div class="srchbar">
<div class="src_area" id="search_form">
<form name="search_form" method="GET" action="/shop/shopbrand.html" onsubmit="return goSearch()">
<fieldset>
<legend>상품 검색</legend>
<label for="top_srch">
<input type="text" name="search" id="search_keyword" style="outline:none;" maxlength="30" value="" autocomplete="off" title="검색어 입력" onfocus="ff_focus();" onblur="ff_blur();">
</label>
<button type="submit" id="search_submit" class="btn_search">검색</button>
</fieldset>
</form>
</div>
</div>
#header .srchbar .btn_search {
background: url(image/main/btn_search.png) no-repeat;
display: block;
position: absolute;
top: 23px;
left: 270px;
width: 29px;
height: 29px;
background-position: 0px 0px;
-webkit-background-position: 0px 0px;
text-indent: -999em;
}
#header .srchbar {
background: url(image/main/search.png) no-repeat;
position: absolute;
z-index: 970;
top:112px;
left:430px;
margin: auto;
border-bottom: none !important;
width: 250px;
height: 35px;
padding-left: 15px;
}
#header .srchbar label input[type="text"] {
position: absolute;
top: 0;
left: 0;
outline: none;
width: 250px;
height: 35px;
border: 0;
padding: 7px 0 0 2px;
background-color: transparent;
font-family: 'Nanum Gothic Bold';
font-size: 17px;
font-weight: bold;
line-height: 17px;
color: #000;
}
#header .srchbar label input[type="text"] {
position: absolute;
top: 0;
left: 0;
outline: none;
width: 200px;
height: 33px;
border: 0;
padding: ;
background-color: transparent;
font-family: 'Nanum Gothic Bold';
font-size: 17px;
font-weight: bold;
line-height: 17px;
color: #87746a;
}
#header .srchbar label {
position: relative;
float: left;
display: block;
margin: 0;
width: 275px;
height: 29px;
왜 저렇게 되는지 잘 모르겠네요 ㅠㅠㅠ 오류가 왜 난건가요 ㅠㅠ outline:none 해도 아웃라인도 안없어지고... 검색버튼도 안눌려요 ㅠㅠ
답변 2
아웃라인은
<fieldset style="border:none;">
상품검색 은
<legend style="display:none;">상품 검색</legend>
하시면 없어지십니다.
검색버튼 안눌러 지시는것은 레이어가 밑으로 가셨다고 보시면 됩니다
#header .srchbar .btn_search {
background: url(image/main/btn_search.png) no-repeat;
display: block;
position: absolute;
top: 23px;
left: 270px;
width: 29px;
height: 29px;
background-position: 0px 0px;
-webkit-background-position: 0px 0px;
text-indent: -999em;
z-index:1000;/*z-index 추가*/
}에
z-index:1000; 을 넣어 주시면 됩니다
사이트 링크를 주시면
답변하기 쉬울 것 같은데 ㅠ ㅠ...
아니면 배경으로 깐 search.png 이거라도 좀 올려주시면~
테스트 해볼게여~~~