Question

我正在制作电子邮件模板，我想将一张图片设置为背景，并在该图片上设置少量文字，

但我无法得到这个

我厌倦了把2个div和1个div作为图像而另一个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>

我厌倦的是here

是的，我需要设置内联css 。没有任何图片网址

Answer 1

检查一下。希望这是你正在寻找的。

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

我删除了第一个div并将以下内容添加到第二个div

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

Answer 2

在div风格中使用css background image。

示例：background-image:url('paper.gif');

Answer 3

我已经更新了你的小提琴.. 请查看..使用postion:absolute和top属性...

Fiddle

Answer 4

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');

Answer 5

你的问题在于你的嵌套，你应该使用背景图像。可以通过你的方法来实现它，但这里是工作代码，你只需要调整文本上的填充，你就可以了。

<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>

在文本div的图象背景

5 个答案: