Здравствуйте! Чтобы фоновая картинка отображалась только в дочерних элементах блока с использованием inline стилей, вам нужно сделать несколько шагов:
1. Задайте фоновую картинку для родительского элемента.
2. Убедитесь, что у родительского элемента нет прозрачности или цвета фона, который может влиять на отображение.
3. Задайте дочерним элементам стили, чтобы они занимали пространство, и при необходимости добавьте слой с фоном, если это необходимо.
Вот пример HTML и inline стилей:
```html
<div style="background-image: url('path/to/your/image.jpg'); background-size: cover; width: 300px; height: 300px;">
<div style="background-color: rgba(255, 255, 255, 0.7); width: 100%; height: 100%;">
<!-- Дочерние элементы -->
<h1 style="margin: 0; padding: 10px;">Заголовок</h1>
<p style="margin: 0; padding: 10px;">Некоторый текст...</p>
</div>
</div>
```
При этом:
- Фоновое изображение будет установлено на родительский блок.
- Внутренний блок может иметь свой собственный фон, чтобы задать прозрачность, если это необходимо.
- Дочерние элементы будут расположены внутри этого блока и унаследуют фоновое изображение родителя.
Проверьте, чтобы у родительского блока не было `overflow: hidden`, если вы хотите, чтобы фон отображался для всех дочерних элементов. Надеюсь, это поможет! Если у вас есть еще вопросы, дайте знать!