jquery - 带有褪色标题 jQuery 的缩略图

Question

谁能告诉我我在这里错过了什么:

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

除选 Angular 导演外，我所有带有褪色字幕的缩略图都可以正常工作...这里有人知道为什么吗？右键点击页面可以查看源码。

这是我的 CSS 代码:

/*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; 
}

Answer 1

在你的CD您缺少 class 的代码img 的定义将标签替换为以下代码片段，看看您的淡入淡出效果又回来了!

<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>


希望这对您有所帮助。 :)