如何僅添加背景到文字？

Question

我有一個背景圖像，其上有一些文字。 由於背景很難閱讀文本。 我想在文本本身附近添加一個白色背景，以便可以輕鬆閱讀文本。我怎樣才能使用CSS/Javascript/jQuery來完成這項工作？

Answer 1

，跨度包裝你的文字：

<span class="white_bg">Your text here</span> 

，並把這個在你的CSS文件：

.white_bg 
{ 
    background-color: #ffffff; 
    padding: 3px; /*add this if you want a bit of space around the text*/ 
} 

應該這樣做。

Answer 2

我有一個<span> </span>背景顏色包含文本：白色;或任何你想要的

Answer 3

我認爲你的背景圖像是在DIV或其他東西...所以你可以在裏面嵌套文本。

例如...如果你curently有：

<div>Some Text</div> 
div{background:url(/path/to/image.png);} 

你可以把它改成這樣：

<div><p>Some Text</p></div> 
div{background:url(/path/to/image.png);} 
div p{background:#fff;} 

祝你好運！

Answer 4

你也可以使用文字陰影由最新的網頁瀏覽器中實現：

<div style="background: url(some_image.jpg); text-shadow: 1px 1px 1px #000; color: #fff">Readable</div> 

或者只是像做

<div style="background: url(some_image.jpg);"><p style="background: #fff">Readable</p></div>