IE7과 IE8의 정렬되지 않은 목록 항목에서 CSS 불투명도가 깨졌습니다.

IE7과 IE8의 CSS 불투명도 특성에 문제가 있습니다. IE9/FF/Chrome/Safari/Opera에서 opacity attirbute가 올바르게 작동한다는 점에서 아래의 코드 작업을 참조하십시오. 그것은 하지 않습니다IE7과 IE8의 정렬되지 않은 목록 항목에서 CSS 불투명도가 깨졌습니다.

나는 불투명도가 적용되고있는 요소가 그러나 나는 것을 시도했다 "레이아웃"을 가지고 있어야합니다 것을 읽고, 나는 IE8에 약간의 성공을 얻을 수 있지만 (이것은 다른 CSS 속성을 죽인다) IE7에서 작동합니다.

IE7 및 IE8에 대한 간단한 위험성이 낮은 솔루션이 있습니까? 다행히도 거의 한 8 실제 스케치 CSS 호환성을 가지고 IE7 & http://css-tricks.com/css-transparency-settings-for-all-broswers/

을 :

<div id="link_contents"> 
    <ul> 
     <li><a>Poulter</a></li> 
     <li><a>Lawrie</a></li> 
     <li><a>Hanson</a></li> 
    </ul> 
</div> 


    #link_contents ul { 
     width: 200px; 
     height: 110px; 
     padding-top: 40px; 
    } 

    #link_contents ul a { 
     font-size: 14pt; 
     color: #000;    
     background-color: #FFFFFF; 
     padding: 3px; 
     opacity: 0.75; 
     filter: alpha(opacity=75); 
    }

출처

2012-09-05 crmpicco

progid : DXImageTransform.Microsoft.Alpha (Opacity = 75) ";'규칙도 추가 하시겠습니까? 어떤 doctype이 사용됩니까? – raina77ow

IE 용 '불투명도 레이어가 필요합니까?': 확대/축소 : 1; –

@ raina77ow'-ms-filter' 속성을 추가하는 것은 적절한 요소에 정확한 영향을 추가하는 것처럼 보입니다. 그러나 어떤 이유로 든 _positioning_을 두드리는 것 같습니다. 불투명도 값을 적용하는 필터를 추가하면 위치 지정에 어떤 영향을 미치는지 이해할 수 없습니다. 이것은 IE8에서 발생합니다. – crmpicco

난 당신이 IE7을위한 행운을 갓 수 있지만,이 링크를 체크 아웃거야 확신 해요 더 이상 이러한 IE 버전을 사용합니다. 이 링크가 도움이 될 것 같습니다. IE 용 조건부 CSS가 필요할 수도 있습니다. IE는 거의 모든 사이트에서 공통적으로 사용됩니다. Google은 "조건부 CSS IE"에 대한 자세한 정보를 제공합니다.

호프 도움이, 행운을 빌어 요!

출처

2012-09-05 16:38:50

IE7과 IE8의 정렬되지 않은 목록 항목에서 CSS 불투명도가 깨졌습니다.

답변

관련 문제