IE8 : 반투명 배경색이지만 불투명 한 배경 이미지

로딩 div가 있고 배경 이미지로 로딩 기호가 있습니다. 그 로딩 심볼을 완전히 불투명하게하고 싶습니다. 그러나로드중인 페이지를 페이드하기 위해 배경 이미지를 80 % 불투명도로 설정했습니다. 이것은 Chrome과 Firefox에서 잘 작동하지만 IE8에서는 로딩 기호가 반투명합니다. 배경색을 희미하게하지만 ie8의 배경 이미지를 희게 할 수있는 방법이 있습니까?IE8 : 반투명 배경색이지만 불투명 한 배경 이미지

CSS의 : 그게 불투명 아니다 이유 그래서

#loadingDiv { 
    background: url(../../images/Loading32.gif) no-repeat center center; 
    background-color: rgba(255,255,255, .8); 
    position: absolute; 
    height: 330px; 
    width: 890px; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff, endColorstr=#88ffffff)"; 
}

출처

2012-11-26 dmr

IE8은 ..., rgba을 지원하지 않습니다

그래서 아마 2 × 2 픽셀의 이미지를 사용하여 투명한 배경 이미지를 사용 ... 또는

당신은 IE8-은 RGBA를 지원하지 않습니다,

출처

2012-11-26 20:43:50

슬프게도 IE8 지원을위한 CSS3 Pie에 모습을 가질 수 있으며 어느 쪽도 아니 그들은 저녁을 먹다하지 않는다 CSS 불투명도 규칙을 포팅합니다. 개인적으로는 반투명 한 1px PNG 이미지를 만들고이를 배경 이미지로 반복합니다.

먼저 이미지 디렉토리에 투명 1px png를 만들고 배치하십시오. 이름을 'translucentBG.png'로 지정하십시오.

둘째, 소스 코드의 머리에 다음을 넣어 별도의 스타일 시트와 목표 IE :

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="css/all-ie-only.css" /> 
<![endif]-->

그런 다음 CSS 디렉토리 안에 '모든 즉-only.css'라는 파일을 만듭니다. 'all-ie-only.css'에서 다음 규칙을 작성하십시오.

.loadingdiv { 
    background: url(../../images/translucentBG.png); 
}

출처

2013-05-16 18:15:06 Starkers

IE8 : 반투명 배경색이지만 불투명 한 배경 이미지

답변

관련 문제