2012-06-25 3 views
0

전체적인 요점은 밝은 흰색 그림자가있는 투명한 텍스트를 사용하여 텍스트를 배경에 포함 된 것처럼 보이게 만드는 것입니다. 다른 모든 브라우저에서 나는이 텍스트를 다음과 같이 간단하게 처리합니다 :RGBA를위한 텍스트 대체품 9.이 작업을 수행 할 수 없습니다.

#mytext{ 
color: rgba(10, 10, 10, 0.7); 
text-shadow: 0px 1px 0px rgba(200, 200, 200, 0.6); 
} 

매력처럼 작동하고 그 효과를줍니다. IE는, 그러나 ... 음, 당신은 그것이 어떻게되는지 압니다.

그래서 저는 div를 투명하게 만들고 Shadow 필터를 사용하지 않고 모든 것을 집으로 가져갈 수 있다고 생각했습니다. 처음에는 영리한 듯,하지만 난 다시 정렬하는 경우 때문에 마이크로 소프트는 항상 내가 여기 일어나고, 나는 알파 필터를 선언 무엇을 알고 있다고 생각

#mytext{ 
font-family: cowboyTimes; 
font-size: 50px; 
text-shadow: 0px 1px 0px rgba(200, 200, 200, 0.6); 
filter:alpha(opacity=90) Shadow(Color=#FFFFFF, Direction=180, Strength=1); 
color: rgba(10, 10, 10, .7); 
} 

는 다음 그림자 필터를 덮어 롤 한 발 앞서 날 것 같다 필터 목록의 마지막 필터를 얻습니다. m을 쉼표로 분리하려고 시도했지만 아무런 변화가 없었습니다. 내가 뭘 잘못하고 있는거야, 아니면이 일을하는 더 좋은 방법이 있다면 나는 모든 귀 (또는 눈)이다!

어쨌든 귀하의 도움에 감사드립니다!

감사합니다.

답변

1
#mytext{ 
font-family: cowboyTimes; 
font-size: 50px; 
text-shadow: 0px 1px 0px rgba(200, 200, 200, 0.6); 
filter: "progid:DXImageTransform.Microsoft.alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Direction=180, Strength=1)"; 
-ms-filter: "progid:DXImageTransform.Microsoft.alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, Direction=180, Strength=1)"; 
color: rgba(10, 10, 10, .7); 
} 
+0

훨씬 복잡한 텍스트 그림자가 있다면 어떨까요? '{텍스트 그림자 : 1 x 1 픽셀 x 1 픽셀 크기의 2 픽셀의 RGBA (102,204,255, 0.6), 1 픽셀의 1 픽셀 x 1 픽셀의 RGBA (51153204, 0.4), 0 픽셀 -2px 3px의 RGBA (255, 255, 255, 0.15);}' 당신에게 수 만 별도 쉼표가있는 필터? – vitaly87

관련 문제