Igor Feren

Здравствуйте!
Вопрос не совсем понятен...

Чтобы вывести просто картинку через css через background-image нужно:

background-image: url('/wp-content/uploads/image.jpg');
backgrount-repeat:no-repeat;

Но если вы хотите вывести "динамическую картинку", то есть урл должен вставляться из рнр кода, например, при помощи кастомного поля ACF, то можно использовать следующее:

1 вариант:
в шаблоне добавьте css код, таким образом:

<?php $my_custom_image_url = get_field('my_custom_image_url'); ?>
<style>
.my_custom_class {
background-image: url('<?php echo $my_custom_image_url ?>');
}
</style>

2 вариант:
Или добавьте инлайновый стиль непосредственно к самому блоку, для которой задаете фоновую картинку.
Например,

<?php $my_custom_image_url = get_field('my_custom_image_url'); ?>
<div class="my_custom_class" style="background-image: url('<?php echo $my_custom_image_url ?>');">
<!-- Your content here -->
</div>

Если вы говорите про немодифицированные браузеры без плагинов то доступ к данным iframe возможен только в пределах того же домена (отдельный вопрос про поддомены, скорее всего можно) с единым типом подключения (http/https). Если это так то простой скрипт

window.frames['myIFrame'].document.getElementById('myIFrameElemId')

позволит анализировать элементы во фрейме (например по таймеру) и даже взаимодействовать с ними (например симулировать клики и заполнять поля значениями).

Иначе это запрещено политиками браузеров (иначе это был бы ад с вопросами безопасности, ведь можно было бы открыть ваш вконтактик/банковский сайт во фрейме и делать там что хочешь).

Из браузерного расширения/плагина (советую плагины уровня greasemonkey) или используя свой браузер (на базе браузерных контролов или вебкит движков, это просто, обычно код браузера без поддержки загрузки и интерфейса занимает десяток строк вы можете получать доступ к любым iframe) все это можно делать без ограничений.

p.s. а подключить скрипт не во фрейме а на своей странице не получится?