2009-03-25 8 views
0

내 탐색의 투명한 배경 PNG에서 불투명도를 변경하면 IE 7 및 Chrome에서 이상한 동작이 나타납니다.크롬 및 IE의 불투명도 문제

는 CSS :

ul.tabs a { 
    height: 48px; 
    filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -khtml-opacity: 0.8; 
    opacity: 0.8; 
    } 

div.header ul.tabs a:hover { 
    filter:alpha(opacity=100); 
    -moz-opacity:1; 
    -khtml-opacity: 1; 
    opacity: 1; 
    } 
+0

형식 관련 문제 인 경우 사용할 이미지에 대한 링크를 원할 수 있습니다. –

답변

1

나는 IE7이 잘 불투명도를 처리하지 못하기 때문에 렌더링이 IE7에서 나쁜 보이는 이유는 믿습니다. Rick Strahl은 블로그 게시물에있는 문제를 알아 냈습니다 Internet Explorer 7.0 and Opacity: Not even close!

IE 블로그 팀의 게시물 Notes on the interaction of ClearType with DXTransforms in IE7에 링크 된 한 개의 댓글에서 IE 팀이 문제를인지하고이 보석을 포함하는 "설명"을 제공합니다. : 우리의 사용자가도 눈치

"는 클리어 텍스트는 매우 흐릿하게 보이는 - 불행하게도이 두 기술은 잘 혼합되지 않는 DXTransforms에서 사용하는 변환의 기본 회선 계정 공간을 고려하지 않기 때문입니다. ClearType의 성격. "

나는이 IE7 안으로 들어가지는 못했습니다의 IE 팀은 클리어 공간 회선이 아아, IE8에 책임을 변환하지만, 통합 할 수 있었다 생각합니다.

+0

Meh .. 또 다른 날 ... IE를 경멸하는 또 다른 이유. 나는 단지 CSS 이미지 롤오버를 끝내었다. 응답을 주셔서 감사합니다. – Zac