채택완료

css 로 클래스한 frame을 사이트내에서 무효화 시킬수 있나요?

2018-06-20 (수) 14:55:40 3,106

css 내용

.Aframe iframe {width: 100%; height:500px;  background-repeat: no-repeat; background-size: cover; margin: 0 auto;}

HTML 내용

<div class="Aframe"> <iframe src="http://koreaviral.net" frameborder="0" scrolling="no"> </iframe></div>

사용하고 있습니다.

그런데 Aframe 실행안되게 CSS에서 설정이 가능할까요?

히든하더라도 일단 실행이 되더구요...

Aframe 자체를 무효화 시키는 CSS 명령어가 있을지 궁금합니다.

|

답변 2개

채택된 답변
+20 포인트
2018-06-20 (수) 16:29:07

css로는 해당 아이프레임이 보여지는것만 막을 수 있습니다.

해당 페이지에서 jquery 사용중이라면 아래코드를 이용해서 아이프레임 대신 원하는 내용으고 교체해서 넣으실 수 있습니다.

Copy
<script>
$('.Aframe').html("<!-- 아이프레임내용 없애기 -->");
</script>
2018-06-20 (수) 15:02:04

무효라는 의미가 정확히 무엇을 의도하시는건지 잘모르겠지만

제예상에 아이프레임내용을 안보이게 하고싶으신거같은데

만약 그렇다면 css에

.Aframe iframe {display:none;}

혹은 

.Aframe iframe {position: absolute; left: -9000px; }

답변을 작성하려면 로그인이 필요합니다.