Как добавить текст под фоновое изображение? - PullRequest
Новая
       3

Как добавить текст под фоновое изображение?

0 голосов
/ 28 мая 2018

введите описание изображения здесь Я хочу установить фоновое изображение, которое будет отображаться в режиме полного окна просмотра.Я добился этого с помощью тега body. 

body { background-image: url(/picture.jpg); }

Я также хочу добавить текст под фоновым изображением, который появится в другом разделе на той же веб-странице.Но так как я использовал фоновое изображение с помощью тега body, я не смог написать дополнительные тексты после изображения.Как я мог достичь этого?Пожалуйста помоги.Спасибо

Ответы [ 2 ]

0 голосов
/ 28 мая 2018

Хорошей идеей было бы немного изменить структуру HTML. 

<body>
    <div class="content-wrapper">
        <!-- All your HTML goes here -->
    </div>
    <div class="text-wrapper">
        <!-- Your required text comes here -->
    </div>
</body>

Затем вы можете изменить свой CSS. 

body .content-wrapper { background-image: url(/picture.jpg); }

Надеюсь, что это поможет.

0 голосов
/ 28 мая 2018 
<body>
    <div class="image">
        <img></img> 
    </div>
    <div class="text">
        <!-- Your required text comes here -->
    </div>
</body>
<style>
    .image{ 
    width: 100%; 
    height: 100%;"
}
img{ 
    some style
}
.text{ 
    some style
}

</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...