Применение CSS в iFrame
Я пытаюсь изменить ширину моего рекламного изображения от пикселей до процентов. Я'используя Google DoubleClick или "DFP», Он автоматически помещает ваше рекламное изображение в iframe, что очень затрудняет изменение фактических размеров изображения.
Итак, как ямы изменили ширину изображения с пикселей на процент, я сделал div (то есть 90% веб-страницы), обернутый вокруг графического объявления, а затем установил изображение 's ширина до 100%, поэтому, когда ширина оболочки изменяется при изменении ширины браузера, изображение внутри нее всегда будет заполнять оболочку. Но я нене знаю, как заставить все это работать, так как изображение находится внутри iframe (тупой DFP !!!)
Вот CSS-коды для ... оболочки:
#div-gpt-ad-1362958263281-0 {width:90%; border:1px solid black;}
тогда iframe, который находится в обертке:
iframe {width:100%;}
затем, наконец, фактическое изображение, в котором я попробовал несколько селекторов CSS и различные классы div:
.img_ad, a#aw0, iframe>.img_ad, iframe>#google_image_div>.img_ad {width:100%; display:block; border:1px solid red !important;}
Если вы проверите элемент в Google Chrome на рекламном изображении, вы увидите, что CSS нет применяется к изображению. Все яя хотел бы сделать, это изменить ширину изображения в процентах .. а также высотуauto
, Должно ли это быть так сложно? Возможно ли это, поскольку изображение находится в iframe? DFP настраивает меня на неудачу? Я просто нене знаю ... Но как бы я изменил графическое объявление?код? Любая помощь будет действительно по-настоящему оценена, ребята! :)
Вот jsFiddle:http://jsfiddle.net/EptwH/3/