CSS의 이미지 위에 PNG 이미지가있는 문제가 있습니까?

jQuery 내용 회전기를 사용하고 있는데 이미지 상단과 그 텍스트 위에 PNG 이미지를 배치하려고합니다. 여기CSS의 이미지 위에 PNG 이미지가있는 문제가 있습니까?

 <div id="testimonials"> 
    <div class="slides"> 

    <div class = "testimonialContainer"> 
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ><div class="caption">LORUM IPSUM DOLOR SIT AMET </div></a></div> 
    </div> 

    <div class = "testimonialContainer"> 
    <p class = "testimonial"> 2 </p> 
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ></a></div> 
    </div> 

</div> 
</div>

는 CSS입니다 :

이 내 회전은 HTML처럼 보이는 방법이다

.testimonialContainer {height: 123px} 

    #testimonials{ 
    width: 210px; 
    height: 125px; 
    } 

    .slides div{ 
    width: 210px; 
    xheight: 25px; 
    xpadding: 5px; 

    .slides div.caption{ 
     background-image: url(../images/h_contentrotator_zwart.png); 
     /*background-color:#000000; 
     filter:alpha(opacity=60); 
     -moz-opacity: 0.6; 
     opacity: 0.6;*/ 
     color: #fff; 
     width: 210px; 
     height: 41px; 
     position: relative; 
     top: -24px; 
     padding: 2px 20px 2px 10px; 
     zbehavior: url("iepngfix.htc") 
    }

문제는 PNG 이미지가 나타나지 않는다는 것입니다 또한 텍스트 '아무튼 나타납니다.

누군가 나를 도울 수 있습니까? (.)

출처

2009-04-03 sanders

당신은 마지막 선택에 점을 추가해야합니다

.slides div.caption{

를 지금 거기 아니지만해야한다.

점을 추가 한 후에도 문제가 해결되지 않으면보다 구체적으로 작성하십시오.

#testimonials a div.caption

을 그리고 행동에서 Z를 제거 : 이것에

.slides div.caption

을 변경합니다.

그리고 해결되지 않은 경우에도 jQuery 스크립트 홈페이지에 대한 링크를 제공하십시오.

출처

2009-04-03 09:40:01

감사합니다. 나는 점을 더했다. 그러나 그것은 문제를 해결하지 못했습니다 ;-) – sanders

배경 이미지의 경로가 올바른지 확인하십시오. 스타일이 HTML 페이지의 <head>에 있으면 경로는 HTML 페이지에 상대적입니다. 스타일이 외부 스타일 시트 안에 있으면 경로는 스타일 시트의 파일 위치를 기준으로합니다.

Internet Explorer 6 PNG 수정없이 먼저 작동시키고 나머지 코드가 정확한지 확인한 후에 수정 프로그램을 다시 추가 할 수 있습니다.

출처

2009-04-03 14:18:00

CSS의 이미지 위에 PNG 이미지가있는 문제가 있습니까?

답변

관련 문제