다른 브라우저에서는 RGBA가 작동하지 않습니다.

Question

여기 내 website입니다. 그리고 크롬에서 볼 수 있듯이 "Colourity"는 문자가 겹치는 부분이 더 어둡습니다. 이 color: rgba(58, 184, 179, 0.78);을 사용하여이 작업을 수행 할 수있었습니다. 이제는 파이어 폭스 나 사파리, 그리고 다른 어떤 브라우저를 살펴 보겠습니다. 중복되는 것을 보지 못합니다. 나는 그것이 0.78과 관련이 있다고 생각합니다. 어떤 아이디어?

크롬 :

파이어 폭스 :

Answer 1

그것은 심지어 좋은하지 않을 경우 ... 실행하는 해결 방법은, 어쨌든 .... 파이어 폭스 한계를 보인다 span 태그에있는 각 문자를 간단히 줄 바꿈하십시오. 이 같은 뭔가 (여기에만 첫 번째 문자에 대한) :

이

<a href="http://colourity.com/" id="h1logo"><span>C</span>olourity</a> 

---

UPDATE 나는 비슷한 동작을 가진 jquery plugin을 발견

2015 5 월 13 일. 아마도 CSS 솔루션이 최고이지만 다른 해결책이 될 수 있습니다. (적어도 누군가를 위해)