2013-02-26 1 views
3

쉐도우/글로우가있는 텍스트를 갖고 싶지만 텍스트 자체가 약간 투명하고 그림자가 그 뒤를 통해 텍스트를 채색하는 것이 문제입니다.텍스트 뒤에 그림자가 보이지 않는 방법은 없나요?

color: rgba(226,229,226,0.88); 
-webkit-text-stroke-width: .5px; 
-webkit-text-stroke-color: #9c9c9c; 
text-shadow: 0px 1px 29px #333; 

여기에 맞는 CSS 방법이 있습니까? box-shadow는 그림자를 투영하는 약간 투명한 항목의 채색에 영향을 미치지 않는 것처럼 보이므로이 동작은 일치하지 않습니다 (특히 텍스트의 모양이 상자와 동일한 경우). 당신은 당신의 텍스트 뒤에, 당신의 배경 색상과 동일한 크기와 모양, 똑같은 텍스트를 추가 할 수 있습니다 http://jsfiddle.net/cutcopypaste/KzxrK/

답변

1

: 여기

내가 무슨 말을하는지 설명하는 jsfiddle이다.

<h1>█</h1><h1 class="c1">█</h1> 

편집 :이 각각의 CSS 같은 것을 사용

편집 된 jsfiddle http://jsfiddle.net/KzxrK/2/

+0

여기 같이를이 문제는 부분적으로 통해 보여 주어야 투명 항목 뒤의 내용이 있습니다. .. 그림자가있는 한 그것은 그것을 방해 할 것입니다. – Damon

+0

오, 알겠습니다 ... 나는 당신의 문제에 대한 해결책을 찾으려고 노력할 것이지만, 나는 그 동료와 같은 것을 본 적이 없다고 생각합니다. ( – Ivozor