텍스트에만 배경을 추가하는 방법은 무엇입니까?

Question

일부 텍스트 위에 배경 이미지가 있습니다. 배경 때문에 텍스트를 읽는 것은 매우 어렵습니다. 텍스트를 쉽게 읽을 수 있도록 텍스트 자체 주위에 흰색 배경을 추가하고 싶습니다. CSS/Javascript/jQuery를 사용하여 이것을 어떻게 수행 할 수 있습니까?

Answer 1

는 스팬 텍스트를 감싸

.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;} 

행운을 빕니다!

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

을 그리고 당신의 CSS 파일에 넣고 :

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>