Текст върху снимка

T

tyrla4eto

Registered

• 24 Август 2016

• #1

Здравейте,

как мога да сложа текст върху снимка с HTML? Ще дам и пример, какво точно искам да направя:

 

deam0n

Moderator

Екип

• 24 Август 2016

• #2

Ето тук можеш да видиш резултата.
https://jsfiddle.net/xedpv62k/


html

Код:

<div class="kitten">

<p>
Little kitty!
</p>

</div>

css

Код:

.kitten { 
background: url('http://placekitten.com/500/300');
width: 500px;
height: 300px;
}

.kitten p {
float: right;
}

 

T

tyrla4eto

Registered

• 24 Август 2016

• #3

Друг вариянт има ли? Смисъл снимката да не ми е в CSS кода, тъй като не е една и ги вадя от базата данни, чрез PHP...

 

A

anonimen

Super Moderator

• 24 Август 2016

• #4

tyrla4eto каза:

Друг вариянт има ли? Смисъл снимката да не ми е в CSS кода, тъй като не е една и ги вадя от базата данни, чрез PHP...

Увеличете...

Ще ползваш inline-стилове:

PHP:

<div class="kitten" style="background: url('<?=URL_FROM_PHP?>')"></div>