2012-02-13 4 views
0

아무도 내가 여기에 놓친 거지 무엇을 말해 줄 수 : 미리 페이딩 캡션 jQuery를

http://www.latitude18films.com/webtest/international.html

모든 페이딩 캡션 내 미리보기가 이사를 주조를 제외하고 노력하고 있습니다 ... 여기 사람이 왜 알고? 페이지에서 마우스 오른쪽 버튼을 클릭하면 소스를 볼 수 있습니다. 어떤 이유로 captionCD를 들어

/*thumpnail css stylesheet casting directors*/ 
.itemCD { 
    width:407px; 
    height:247px; 
    /*border:4px solid #222;*/ 
    /*margin:5px 5px 5px 0;*/ 

    /* required to hide the image after resized */ 
    overflow:hidden; 

    /* for child absolute position */ 
    position: relative; 

    /* display div in line */ 
    float:left; 
} 

.itemCD .captionCD { 
    width:407px; 
    height:247px; 
    background:#000; 
    color:#fff; 
    font-size: 14px; 
    font-weight:bold; 

    /* fix it at the bottom */ 
    position:absolute; 
    left:0; 

    /* hide it by default */ 
    display:none; 

    /* opacity setting */ 
    filter:alpha(opacity=80); /* ie */ 
    -moz-opacity:0.8; /* old mozilla browser like netscape */ 
    -khtml-opacity: 0.8; /* for really really old safari */ 
    opacity: 0.8; /* css standard, currently it works in most modern browsers like firefox, */ 

} 

.itemCD .captionCD a { 
    text-decoration:none; 
    color:#585A5C; 
    font-size:17px; 
    font-weight: normal; 

    /* add spacing and make the whole row clickable*/ 
    padding:0 5px 0 0; 
    display:block; 
} 

.itemCD .captionCD p { 
    padding:5px;  
    margin:0; 
    font-size:10px; 
} 

.imgCD { 
    border:0; 

    /* allow javascript moves the img position*/ 
    position:absolute; 
} 

.clear { 
    clear:both; 
} 
+2

나는 당신이 CSS보다는 jQuery를 게시해야한다고 생각한다. – elclanrs

+0

나는 소스 코드를보고 무엇이 잘못되었는지를 보았지만 코드가 과도하게 주석 처리되었고 혼란 스럽기 때문에 읽기가 어렵다. jQuery 코드의 관련 부분 만 게시 할 수 있습니까? – elclanrs

+0

그 웹 사이트가 좋다 : D 다행 당신의 질문에 답변을! –

답변

1

코드에서 img 태그에 대한 class 정의가 누락 된 경우 다음 스 니펫으로 바꾸고 페이딩 효과가 돌아 왔는지 확인하십시오! 이 도움이

<DIV class="itemCD"><A href="http://www.latitude18films.com/webtest/international.html#"><IMG title="" class="imgCD" border="0" alt="Casting Diretors" src="Latitude18films_files/casting-directors.jpg" width="407" height="247"></A>

희망. :)

+0

네가 맞았다 Dave 나는 모든 것을 고쳐 준 클래스 = "imgCD"를 놓치고 있었다! –

0

주조 블록 아래에 위치하고 있습니다 :

여기 내 CSS 코드입니다.

captionCD 클래스 정의에 top: 0;을 추가하면 작동합니다.

+0

'스타일'이 적용되지 않는'CD'의'image' 태그에 대한'class' 정의가 없습니다. 내 대답도 참조하십시오. – uday