фоновое изображение на текстовом div

Question

фоновое изображение на текстовом div

0

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

но я не могу это получить

я устал, чтобы поставить 2 div и 1 div - изображение, а другое - на него, но не получить решение

<div style="padding-top: 30px; font-size: 14px; font-family: futuraltbook; height: 500px;">
    <div style="width: 100%; text-align: center; vertical-align: middle;">
        <img src="http://beautifullinux.com/web/wallpaper/SolarisExpressBuild69/images/di-scurve-gray.png" style="height: 500px; margin-left: 10%; margin-right: 10%; width: 500px;" alt="Circle_logo_90.png">
    </div>
    <div style="width: 100%; text-align: center; vertical-align: middle; margin-left: 20%; margin-right: 20%;">         
    </div>
</div>

что я устал здесь

и да, мне нужно установить встроенный css. без каких-либо URL-адресов для изображения

vir 05 март 2014, в 14:23

Источник

0

Лично я бы избегал фоновых изображений в электронных письмах HTML, так как это больше проблем, чем стоит. И вы можете рассмотреть возможность использования <table> вместо <div> для структуры электронной почты.
Nick R 05 март 2014, в 13:26
0

Вы должны попробовать Mailchimp, это круто.
user3173360 05 март 2014, в 13:27
0

в css background-image: url (imgurl);
DOCTYPE HTML 05 март 2014, в 13:28
0

Прежде всего, как сказал @NickR, лучше использовать таблицы для шаблона электронной почты. Также я должен сказать вам, что outlook не поддерживает фоновое изображение ни в <tr>, ни в <td>. удачи.
vaskort 05 март 2014, в 13:32
0

так нет возможности установить фоновое изображение? я уже использовал элемент таблицы в качестве основного тела
vir 05 март 2014, в 13:35

Показать ещё 3 комментария

Теги:

html

css

5 ответов

Ещё вопросы

Лично я бы избегал фоновых изображений в электронных письмах HTML, так как это больше проблем, чем стоит. И вы можете рассмотреть возможность использования <table> вместо <div> для структуры электронной почты.
Вы должны попробовать Mailchimp, это круто.
Прежде всего, как сказал @NickR, лучше использовать таблицы для шаблона электронной почты. Также я должен сказать вам, что outlook не поддерживает фоновое изображение ни в <tr>, ни в <td>. удачи.
так нет возможности установить фоновое изображение? я уже использовал элемент таблицы в качестве основного тела

AKT · Answer 1 · 2014-03-05T10-46-00.000Z

Проверь это. Надеюсь, это то, что вы ищете.

http://jsfiddle.net/55PFz/6/

Я удалил первый div и добавил во второй div

background-image:url('http://beautifullinux.com/web/wallpaper/SolarisExpressBuild69/images/di-scurve-gray.png'); background-size:100%;

ZeroBased_IX · Answer 2 · 2014-03-05T12-17-00.000Z

Ваша проблема была связана с вашим гнездом, и вы должны были использовать фоновое изображение. Это можно сделать с помощью вашего метода, но вот рабочий код, вам просто нужно отрегулировать отступы по тексту, и вам хорошо идти.

<div style="padding-top: 30px; font-size: 14px; font-family: futuraltbook; height: 500px;">
        <div style="width: 100%; text-align: center; vertical-align: middle; background-image: url('http://beautifullinux.com/web/wallpaper/SolarisExpressBuild69/images/di-scurve-gray.png'); margin-right: 10%; margin-left: 10%; width: 500px; height: 500px;">


            <div style="width: 100%; text-align: center; vertical-align: middle; margin-right: 20%;">
                <p align="left" style="font-family: 'Segoe UI'; font-size: 20px;">Dear viral,</p>
                <p align="left" style="font-family: 'Segoe UI'; font-size: 20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; On behalf of xxxxxx,Welcome to the world of Personal Branding.Your registration is complete and you are now ready to create your account on the platfrom to Build the Brand that matters.</p>
                <p align="left" style="font-family: 'Segoe UI'; font-size: 20px;">Please <a href="http://192.168.1.9/Default.aspx?keyb=ddd" target="_blank">Click Here</a>to begin creating your Brand.</p>
                <p align="left" style="font-family: 'Segoe UI'; font-size: 20px;">Congratulations!</p>
                <p align="left" style="font-family: 'Segoe UI'; font-size: 20px;">
                    Sincerely,
                    <br>Team xxx
                </p>
            </div>
        </div>

    </div>

Cedric Simon · Answer 3 · 2014-03-05T12-15-00.000Z

Используйте фоновое изображение css в вашем стиле div.

Пример: background-image:url('paper.gif');

DOCTYPE HTML · Answer 4 · 2014-03-05T11-33-00.000Z

http://jsfiddle.net/55PFz/7/
http://jsfiddle.net/55PFz/9/
http://jsfiddle.net/55PFz/10/

Вы хотите это? установить фон в css

background: url('http://beautifullinux.com/web/wallpaper/SolarisExpressBuild69/images/di-scurve-gray.png');

Вы должны установить фон, или вы работаете с css position: absolute;

Nishant Solanki · Answer 5 · 2014-03-05T11-25-00.000Z

0

Я обновил вашу скрипку. Пожалуйста, посмотрите. Используйте postion:absolute и top свойства...

скрипка

Nishant Solanki 05 март 2014, в 11:25

0

postion: absolute не будет работать в шаблоне электронной почты!
vir 05 март 2014, в 14:35
0

Уфф, ладно. , чем перейти к свойству background-image в parent div .
Nishant Solanki 05 март 2014, в 16:27
0

@vir не возражаю, но, может быть, я использовал абсолютную позицию в шаблоне электронной почты в прошлом ..
Nishant Solanki 05 март 2014, в 16:28

Показать ещё 1 комментарий