Notice
Recent Posts
Recent Comments
Link
목록스타일 (1)
꾸준한 개발일기
CSS:: style이 적용되지 않는 오류 수정(!important, removeAttribute)
화면 정가운데에 떠야하는 팝업창이 모니터 끄트머리에 잘려서 보이는 오류가 발생했다. 디버깅을 해보니 코드에서 설정하지 않은 스타일이 적용되어 내가 지정한 스타일이 먹지 않았다. 이를 해결하기 위해서는 두 가지 방법이 있다. 1. !important 사용 { top:-766px; left: 0px !important; z-index: 4 !important; } 지정한 스타일에 !important를 넣어 우선순위를 주면 된다. element.style에 있는 스타일 값이 적용되지 않고 내가 css파일에서 설정한 스타일 값이 적용되었다. 2. 자바스크립트로 스타일을 제거 document.querySelector('#id').removeAttribute('style'); querySelector와 remove..
CSS
2022. 7. 6. 16:25