십자가 단추를 창에 완벽하게 배치하는 방법

팝업 (팝업) 창을 닫으려면 닫기 마크 이미지 (교차 마크 단추)가 있습니다.십자가 단추를 창에 완벽하게 배치하는 방법

<a href="javascript: window.close()"><img src="/" width="?" height="?" border="0" title="Click image to close this window"></a>

내가 십자가 버튼 이미지 행의 시작에오고이 코드를 사용 , 내가 어떻게 행의 마지막에 배치 할 수 있습니다? style="float:right"

출처

2011-05-02 Kiran

왜 그런 이미지를 필요합니까? 각 창 상단에는 이미 동일한 기능을 제공하는 버튼이 있습니다. –

@Marcel : 어쩌면 그는 실제 새 브라우저 창이 아니라 라이트 박스 또는 모달 또는 다른 것을 의미할까요? –

@David : 나는 또한 그것을 고려했다. 그러나 그의 href' 속성에는 명확하게'javascript : window.close()'가있다. 필자는 그가 (또는 라이브러리)가 라이트 박스를 닫기 위해 그 기능을 대체하지 않을 가능성이 높다고 생각한다. –

하나의 솔루션은 position:relative에 컨테이너 블록을 설정 한 다음 position:absolute에 십자가를 설정하고 top, bottom, left 또는 right이 넣어 수정하는 것입니다 요소에 :

출처

2011-05-02 11:09:53

추가 제안하십시오 어디로 가고 싶습니까?

HTML

<div class="container"> 
<a href="javascript: window.close()" class="cross-button"><img src="/" width="?" height="?" border="0" title="Click image to close this window"></a> 
</div>

CSS는

.container { position:relative; } 
.cross-button { position:absolute; top:5px; left:5px; }

출처

2011-05-02 11:05:38 cmplieger

십자가 단추를 창에 완벽하게 배치하는 방법

답변

관련 문제