Question

我对元素背景图片有疑问。

我有以下内容：

<div class="element" style="background-image: url(http://1.png); border: thin solid rgb(31, 101, 155); background-size: 133px 106px; background-repeat: no-repeat;">
    <table class="title_table" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td>Element Title</td>
            </tr>
        </tbody>
    </table>
</div>

结构无法更改，我希望“Element Title”显示在背景图片(1.png)上方。目前，背景图片覆盖了“Element Title”。

反正有没有这样做？非常感谢！

Answer 1

<table class="title_table" cellpadding="0" cellspacing="0" style="background-image: url(http://1.png);">

并使用1.png的{{1}}＆amp; width的{{1}}。

Answer 2

您可以重新定位背景。

将其添加到您的风格中：

background-position: 0px 1.1em;

它将背景按照线条高度的大小推动一点，这样标题就不会触及背景的顶部。

Answer 3

我重复使用不同网址的代码：

<div class="element" style="background-image: url(http://profile.ak.fbcdn.net/hprofile-ak-ash4/273203_100004092323558_2118346675_n.jpg); border: thin solid rgb(31, 101, 155); background-size: 133px 106px; background-repeat: no-repeat;">
<table class="title_table" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td>Element Title</td>
        </tr>
    </tbody>
</table>

它仍然正常，检查你的网址。

如何在背景图像上方设置文本

3 个答案: