web/HTML&CSS
-
이미지 버튼 만들 때 주의 할 점web/HTML&CSS 2020. 3. 26. 14:44
쿠폰을 발급해주는 이미지 버튼을 만들었는데 왼쪽 옆에 똑같은 동작을 하는 작은 버튼이 생겼다... 이미지 태그를 버튼 태그로 감싸주고 있었는데 왜 이런 일이 일어나나? 검색을 하던 중 태그를 한 칸 아래로 내려서 쓰면 안 된다는 블로그 글을 보았다. (링크) 그래서 전략을 바꿨다. 이미지 태그를 사용하지 않고, 버튼 태그의 background 속성을 사용하는 것이다. 저 작은 버튼은 없어졌지만 이미지를 원하는대로 출력할 수 있게 핸들링하는 건 좀 어렵다. ?? 근데 바꿔서 하는 게 더 나을 것 같다; 이미지 태그를 쓰고 거기에 onClick을 걸어주면 되는데 왜 저렇게 했을까..? 그리고 왜 한 칸 아래로 내려쓰면 이런 일이 일어날까 추측은 button의 value가 생기기 때문일 것 같다,,, 찾아서 ..