-
Javascript, jQuery 2023‧03‧21
JS - 요소의 display 값 가져오기
자바스크립트로 해당 요소의 스타일 중 display 값이 none 인지 block 인지 알고 싶을 경우 아래와 같이 처리한다.
-
Javascript, jQuery 2015‧01‧26
jQuery - css로 display none와 block에 상태에 따른 처리
css를 이용해서 인터렉션을 구성해 놓은 경우가 있다. 특히나 display : block 과 none를 이용해서 요소를 보이거나 사라지게 하는 상황이 많은데 스크립트로 함수를 만드는 중에 이에 따른 행동이 필요할 때가 있다. if($('.popup').is(":visible")){ // display : none가 아닐 경우 }else{ // display : none일 경우 } .popup 엘리먼트가 가시적으로 보이는지 아닌지에 따른 조건문이다.
-
Html, CSS 2013‧04‧04
이미지에 여백이 생길 때 해결 방법들
이미지 태그를 이용하다보면 이상한 약간의 여백이 발생한다. 위 이미지를 보면 사진틀 이미지를 위아래로 나눈 것인데 아랫부분에 여백으로 인해서 약간의 공간이 생겼다.확대해서 보면 아래와 같다. 약간의 여백이 생겨서 위 아래 이미지가 떨어진 현상을 발견하였다.파이어 폭스로 해당 이미지의 부모 div 요소를 선택하면 아래와 같이 셀렉트 되어진다. 이유는 모르겠지만 해결 방법은 아래와 같다. 1. 이미지 요소에 vertical-align:top;을 […]