검색창 오류 질문 채택완료
<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; 을 넣어 주시면 됩니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
nanati사이트 링크를 주시면
답변하기 쉬울 것 같은데 ㅠ ㅠ...
아니면 배경으로 깐 search.png 이거라도 좀 올려주시면~
테스트 해볼게여~~~
답변에 대한 댓글 6개
어느정도 수정은 되었는데
지금은 검색창에 글씨가 안써지고 버튼이 여전히 안눌리는 오류만 수정 못하고있어요 ㅠㅠ
이미지 쪽지로 보내드려도 될까요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그런데 검색버튼에 z-index 넣고 숫자도 높여봤는데 안눌리네요 ㅠㅠ
그리고 검색창에 라인은 다 없어졌지만 이번엔 글씨가 안써져요..