Newser.com のように、画像の上にテキストを表示したいと思います。以下にサンプルを示します。
一見、これは単純に見えます。しかし、それは私にとって非常に挑戦的であることが証明されています。
解決策は、おそらく DIV と SPAN の組み合わせにあります (ブロック DIV にネストされたスパンの可能性があります...?)
アイデア？
(注 1: テキストの各スパンに一意の長さの背景があることに注意してください。たとえば、テキストのすぐ下など)。
(注 2: 今のところ、不透明度の値について心配する必要はありません。基本的には、4 つの黒いテキスト ブロックを作成したいだけです (jpg に示されているように))。