Div 배경 이미지가 ie와 작동하지 않습니다.

IE 백그라운드 이미지 버그에 대해 이미 천 가지 질문이 있지만 이미 모든 조언을 따라 왔지만 여전히 해결책을 찾을 수는 없습니다.Div 배경 이미지가 ie와 작동하지 않습니다.

이 스타일은 IE 7 및 8에 어떤 배경 이미지 렌더링되지 않습니다

내 목적은 0.8 불투명 배경을 가지고 있기 때문에, 나는 이미 RGBA로 시도했습니다,하지만 아무것도 지금 일어나지

div#mainComponent { 
background-image:url('../images/bg.png'); 
background-repeat:repeat; 
z-index: 100001; 
position: absolute; 
bottom: 0px; 
left: 10%; 
color: @blue; 
padding: 20px; 
height: 424px; 
overflow: auto; 
width: 780px; 
height: 320px; 
margin: auto; 
}

나는이 간단한 해결책을 가지고있다. 그러나 나는 여전히 그것을 올바르게 얻을 수 없다. 다른 모든 속성을 제거하여 호환성 문제가 될 수 있는지 확인했지만 여전히 작동하지 않습니다.

도와주세요. 고맙습니다.

출처

2012-10-24 Nuno Lourenço

당신 CSS 코드는 벌금과 IE의에서 작업 보인다. 이미지 경로'../ images/bg.png'가 올바른지 확인하십시오. –

Working link : http://jsfiddle.net/muthkum/CPWhS/1/ –

젠장. 그래서 나에게 힘든 시간을 줄 수있는 것은 무엇일까요? –

이미지 자체를 브라우저로 드래그 해보십시오. 이미지 자체에 문제가있을 수 있습니다. 여기에 IE에 대한 대체의 http://css-tricks.com/rgba-browser-support/

다음은 IE에 대한 대체를 포함하여 RGBA를 수행하는 방법을 보여줍니다 페이지의

<!--[if IE]> 

    <style type="text/css"> 

    .color-block { 
     background:transparent; 
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
     zoom: 1; 
    } 

    </style> 

<![endif]-->

출처

2012-10-24 03:13:59 coopersita

Div 배경 이미지가 ie와 작동하지 않습니다.

답변

관련 문제