Могу ли я применить CSS к элементам в iframe?

Question

Я часто вижу сайты, использующие фреймы, содержащие внешний сайт, и верхний фрейм, содержащий функции JavaScript для пользователя. например. ПО для пользовательской аналитики, панель Digg и т.д ...

---

Какие-нибудь советы для экспериментов на чем-то подобном? =) Было бы здорово узнать

Answer 1

Нет, не из за пределами фрейма.<iframe> - это его собственный мир.Если домены и т. Д. Совпадают, то Javascript может связываться и выходить, и может (если он хочет) внедрить CSS в дочерний фрейм.

Если <iframe> содержит контент из другого домена, есть довольномного ничего не поделаешь.Родительская страница контролирует размер фрейма и его видимость, и может помещать свой собственный контент поверх фрейма путем позиционирования и т. Д., Но это не может напрямую влиять на способ отображения фактического содержимого фрейма.

Answer 2

Если это тот же домен, вы можете вмешиваться в содержание iframe, используя javascript следующим образом предположим, что id iframe равен IframeId. И вы хотите изменить цвет элемента с идентификатором "elementId".

$("iframe").load(function() {
   var frameContents;
   frameContents = $("#IframeId").contents(); 
   frameContents.find("#elementId").css("color","#fff");
});