Skip to content

rhymix

css를 수정하고 싶습니다!

조회 수 81 추천 수 0

안녕하세요.

제이쿼리 충돌관련 도움주셔서 아주 잘사용 중에 있습니다.

 

 

외부 아이프레임의 경우 css 수정이 안된다고 알고 있는데

일부 더 가공하여 사용하고싶습니다.

혹시 방법이 있을까요?

 

 

챗 지피티는 아래와 같이 답변하네요

 

 

1.동일 출처 정책을 만족하는 경우 (iframe 내용이 같은 도메인에서 로드되는 경우):
JavaScript를 사용하여 iframe 내부의 DOM에 접근하고, CSS를 변경할 수 있습니다.
 
javascript
Copy code
const iframe = document.getElementById("your-iframe-id");
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
 
const styleElement = iframeDocument.createElement("style");
styleElement.innerHTML = `
body {
background-color: red;
}
/* 다른 CSS 규칙 추가 */
`;
iframeDocument.head.appendChild(styleElement);
 
 
2.서로 다른 도메인이지만 Cross-Origin Resource Sharing (CORS)을 사용하여 서버에서 허용하는 경우:
 
 
특별한 설정이 필요하며 서버가 이러한 요청을 허용해야 합니다. iframe 내부의 페이지 소스와 협력이 필요하다는 점을 명심하세요.
 
다른 도메인에서 로드된 iframe에서 스타일을 변경하는 것은 권장되지 않으며, 가능한 경우 동일한 도메인에서 콘텐츠를 로드하고 위에 제시된 방법을 사용하는 것이 좋습니다.
 
 
2번기능이 지원될지 궁금합니다.
 
좋은자료 대단히 감사드립니다.

rhymix

번호 제목 글쓴이 최근 수정일 조회
공지 마이로그 - 매뉴얼 트디개발자 2024.04.24 368
공지 게시판 푸시 알림 / 통합 앱 서비스 33 file 트디개발자 2025.10.10 921.0k
공지 RXE 이미지 압축 7 file 트디개발자 2023.06.01 208
공지 라이믹스 실시간 호스팅 [부제: RXE 채팅 솔루션] 2 file 트디개발자 2023.06.22 434
47 개발 메모 - nodejs master/worker 중복 접속 처리 방안 트디개발자 2022.12.29 25
46 문의드립니다. 1 file 문의맨 2023.01.08 30
45 금지 단어 플러그인 설명 트디개발자 2023.01.08 23
44 이미지 업로드 플러그인 file 트디개발자 2023.01.08 114
43 채팅 삭제시 나오는 문구 변경 가능한지 문의 4 file 동호회 2023.03.14 33
> css를 수정하고 싶습니다! 2 동호회 2023.03.17 81
41 외부 css 이용 방법 문의 4 동호회 2023.03.20 40
40 경험치 레벨 아이콘 표시하는 플러그인 file 트디개발자 2023.03.26 32
39 경험치 레벨 아이콘도 표시되게 수정요청. 3 동호회 2023.03.27 36
38 경험치 아이콘 문의 4 file 동호회 2023.03.27 45
37 스킨 문의드립니다. 1 달링J 2023.04.10 36
36 RXE 이미지 압축 7 file 트디개발자 2023.06.01 208
35 RXE 통계 위젯 (준비중) file 트디개발자 2023.06.11 33
34 라이믹스 실시간 호스팅 [부제: RXE 채팅 솔루션] 2 file 트디개발자 2023.06.22 434
33 모바일에서는 쪽지함을 클릭하면 빈화면이 나오는 증상 6 동호회 2023.07.20 40
32 접속자 목록 기본값을 닫힘으로 하려면 1 트레디아짱 2023.11.17 33
31 레벨 아이콘 5 커뮤니티 2023.11.23 37
30 팝업창에서 없는 닉네임을 검색하고 쪽지 발송 아이콘을 누르면 1 file 커뮤니티 2023.12.31 25
29 getMemberList.xml 오류 수정 file 트디개발자 2024.01.09 18
28 채팅 귓속말 확인 불가 증상 10 커뮤니티 2024.01.11 59