2012-11-09 34 views
0

我想在像Newser.com這樣的圖像上顯示文字。 這是一個樣本: http://img854.imageshack.us/img854/8506/newser.jpg在像Newser.com這樣的圖像上顯示文字(例如,用深色背景)

乍一看,這似乎很簡單。但對我來說,這證明非常具有挑戰性。

的解決方案可能在於DIV和SPAN(可能跨度的嵌套在塊DIV的......?)

觀念的某種組合?

(注1:注意每個文本跨度如何具有獨特長度的背景 - 下的文字如直接)

(注2:不要擔心不透明度值,現在我只是基本上想要製作4個黑色文本塊(如JPG所示))

回答

1

Newser.com似乎產生的圖像上已經有文字,但您可以使用html和css來做到這一點。

下面是一個例子,說明:

http://codepen.io/anon/pen/jDdAb