如何設置背景圖片上方的文字

我有以下：

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

有沒有辦法做到這一點？非常感謝！

來源

2013-04-10 FlyingCat

如果您無法更改HTML標記，則需要添加腳本才能實現此目的。 – 2013-04-10 21:35:35

'http：// 1.png'可愛的網址;） – Ejaz 2013-04-10 21:39:09

你能舉一個例子來說明這個問題嗎？因爲我無法在這個jsFiddle中重現問題：http://jsfiddle.net/BhGbW/ – Steve 2013-04-10 21:41:37

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

，並使用1.png的width & height爲table。

來源

2013-04-10 21:38:18

您可以重新放置背景。

添加到您的風格：

background-position: 0px 1.1em;

它推動的背景下一條線高度的尺寸，多一點這樣的標題不會被觸及背景的頂部。

來源

2013-04-10 21:39:52 Arbel

我重用代碼使用不同的網址：

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

它仍然能正常工作，請檢查您的網址。

來源

2013-04-10 21:53:31

如何設置背景圖片上方的文字

回答

相關問題