2012-01-20 3 views
2

나는 CSS3 전환 (약 시간!)에 빠졌고 Opera 11.60에서 이상한 동작을 목격했습니다.오페라에서 css 배경 전환이 검은 색으로 바뀜

전이를 사용하여 요소를 background:none에서 background:#fff으로 변경합니다. 그러나 전환은 실제로 목표물에 도달하기 전에 검은 색/어두운 회색으로 진행됩니다.

이제는 왜 이런 일이 일어나는 지 이해할 수 있습니다. 불투명도와 색상이 동시에 움직이며 색상은 none 이었으므로 Opera는 이것을 #000으로 간주합니다. 나에게 벌레 같아.

이 문제를 해결할 수있는 방법이 있습니까? 예 : background:none 인 요소의 전환을 끄지 않으려면 저장 하시겠습니까?

답변

2

background: rgba(255,255,255,0)에서 background: rgba(255,255,255,1)으로 전환하는 것은 어떻습니까? (불투명도가 0 인 흰색에서 완전 불투명도가있는 흰색까지입니다.)

http://jsfiddle.net/tajMG/

+0

그래, 그게 내가 빠뜨린거야 - 불투명도를 지정하는 것을 의미한다. 그래도 IE 홀에서 얼마나 멀리 RGBA 지원을받을 수 있습니까? – egasimus

+1

정말 우연의 일치인데, 저는 방금 그 질문에 대답하는 웹 사이트를 시작했습니다 (자기 홍보 경고). 슬프게도, 그것은 IE9 (그리고 오페라 10)에서부터 지원됩니다 : [http : //www.browsersupport. net/CSS/rgba()] (http://www.browsersupport.net/CSS/rgba()) –

관련 문제