Der Martin: Text oder transparentes img über img

Beitrag lesen

Hallo,

figure {position:relative;}

figcaption {position:absolute;bottom:0;width:100%;}


>   
> ~~~html

<figure>  

>   <img src="" alt=""/>  
>   <figcaption>  
>     Lorem Ipsum!  
>   </figcaption>  
> </figure>

und wer der HTML5-Unterstützung der derzeitigen Browser noch nicht traut, der ersetzt figure und figcaption durch geeignete Elemente, schlimmstenfalls neutrale div- oder span-Elemente (ggf. im CSS zu Blockelementen umgestylt).

So long,
 Martin

--
Denken ist wohl die schwerste Arbeit, die es gibt. Deshalb beschäftigen sich auch nur wenige damit.
  (Henry Ford, amerikanischer Industriepionier)
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(