현재 iframe src를 url 주소가 아닌 이미지를 삽입한 상태인데
이미지가 iframe에서 설정한 width, height가 맞지 않아서 그냥 중앙으로 조금 옮기고 싶은데
css를 어떻게 설정을 해야할지 모르겠네요...
iframe src {} 이런식으로 해도 안되고..
iframe img{} 이런식으로도 되지가 않네요 ...
그래서 임시방편으로 스크립트상에
$(document).ready(function(){
$("iframe 아이디").load(function(){
$(this).contents().find('img').css('position', 'relative');
$(this).contents().find('img').css('left', ' 260px');
});
});
이렇게 하니 기존 src의 이미지가 변경이 되길래 해결이 되었나 보다 하고 있었는데
iframe을 target으로 하는 모든 페이지의 img가 다 css가 먹히는 현상이 나오네요...
iframe상에 src로 설정한 이미지만 저렇게 css를 적용할 수 있는 방법이 있을까요?
답변 4개 / 댓글 5개
채택된 답변
+20 포인트
Copy
$(document).ready(function(){ var src = $('#iframe_show').attr('src'); $("iframe 아이디").on('load', function(){ $(this).contents().find('img[src*="'+src+'"]').first().css('position', 'relative'); $(this).contents().find('img[src*="'+src+'"]').first().css('left', '260px'); });});
답변에 대한 댓글 3개
메인으로나오는곳을 별도의 페이지로 구성하시고
미리 가로 세로를 100% 할당하거나 iframe 사이즈에 맞게 적용해주시면 될것 같습니다.
img에 해당 id를 할당해서 그 아이디만 반영되게 하는것도 좋은 방법인듯 해보이네요
답변을 작성하려면 로그인이 필요합니다.