Как установить текст выше фонового изображения

У меня вопрос об фоновом изображении элемента.Как установить текст выше фонового изображения

У меня есть следующие:

<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, вам нужно будет добавить скрипт, чтобы это произошло. –

'http: // 1.png' прекрасный URL;) – Ejaz

Можете ли вы привести пример, который показывает эту проблему? Потому что я не могу воспроизвести проблему в этом jsFiddle: http://jsfiddle.net/BhGbW/ – Steve

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

и использовать 1.png «s width & height для table.

источник

2013-04-10 21:38:18

Вы можете изменить положение фона.

Добавьте это к вашему стилю:

background-position: 0px 1.1em;

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

источник

2013-04-10 21:39:52 Arbel

повторно использовать код с другой 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>

Он по-прежнему работает нормально, проверьте свой адрес.

источник

2013-04-10 21:53:31

Как установить текст выше фонового изображения

ответ

Смежные вопросы