Вставка фонового изображения

Question

Извините, мой простой вопрос! Я очень новичок в кодировании и задаю простой вопрос. В настоящее время я создаю сайт в Каталоге Adobe Business и имею проблему.

Все, что я хочу сделать, это вставить фоновое изображение в один из модулей. Идеально id, как это изображение для изменения размера в зависимости от размера модуля.

Вот код:

<div class="announcement-details"> 
    <h1> 
    <span style="font-size: 28px; color: rgb(0, 174, 239);">{tag_subject}</span> 
    <br> 
    <span style="font-size: 14px; line-height: 23px;"> 
    <br> 
    <span style="color: rgb(89, 89, 89);"> 
     {tag_body} 
    </span> 
    </span> 
    <br> 
    </h1> 
</div> 

Answer 1

span.my-class { 
    background: url('/path/to/image') no-repeat 0 0; 
} 

Answer 2

Чтобы установить фоновое изображение, которое вы можете легко использовать CSS фону свойство, чтобы вставить изображение и установить определенные свойства фонового изображения.

В этом примере я установил свойство css background-size: обложка на фоновое изображение, чтобы изображение изменялось в зависимости от размера контейнера.

http://jsfiddle.net/77wc17yo/4/

.parent { 
    background:#fefefe; 
    padding:120px; 
    border:3px solid gold; 
    text-align:center; 
    position:relative; 
    background: url('https://eQ3Q') no-repeat center; 
    background-size:cover; 
}