적용 - iframe 안 css



iframe 콘텐츠에 CSS를 적용하는 방법은 무엇입니까? (2)

iframe 요소에서 작동하도록 CSS 생성 콘텐츠를 가져올 수 없습니다.

iframe::after {content: 'example';}
iframe::before {content: 'example';}

누구나 실제로 작동하는 솔루션이 있습니까? 미리 감사드립니다.

https://src-bin.com


Answer #1

jQuery의 .content() 함수를 사용하여 액세스 할 수 있습니다.

$('yourIframe').contents().find('#yourItemYouWantToChange').css({
    opacity: 0,
    color: 'purple'
});

다음은 화면의 왼쪽 상단에있는 jQuery 로고에 CSS를 적용하는 예제입니다. 당신도 똑같은 도메인 / 포트 등이 필요합니다. 그래서 저의 예제는 iframe에서 jsfiddle을 특징으로합니다.
http://jsfiddle.net/pPqGe/


Answer #2

동적으로 iframe을 만들었습니까? 아니면 대부분 정적입니다 (Lightbox 효과에 사용 된 iframe을 비추십시오).

정적 인 경우 iframe 태그 내부에서 스타일 태그를 사용하거나 iframe 태그에서 외부 스타일 시트를 연결하여 스타일 시트를 포함하는 것이 좋습니다.

동적 인 경우 jQuery JavaScript 라이브러리를 사용하는 것이 가장 좋습니다. CSS를 처리 할 때 예외적으로 유용하기 때문입니다.





iframe