0

要素の背景画像について質問があります。

私は次のものを持っています：

<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' をカバーしています。

とにかくそれを行うことはありますか？どうもありがとう！

4

3 に答える 3

0

別の URL でコードを再利用します。

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

それでも問題なく動作します。URL を確認してください。

于 2013-04-10T21:53:31.147 に答える
0

背景の位置を変更できます。

これをあなたのスタイルに追加してください：

background-position: 0px 1.1em;

背景を行の高さのサイズだけ押し下げて、タイトルが背景の上部に触れないようにします。

于 2013-04-10T21:39:52.270 に答える
0 
<table class="title_table" cellpadding="0" cellspacing="0" style="background-image: url(http://1.png);">

& forを使用し1.pngます。widthheighttable

于 2013-04-10T21:38:18.663 に答える