1
$("#page-circle").mouseover(function(){
    $(this).find('span').animate({"opacity":0.4},{queue:false});
}).mouseout(function(){
    $(this).find('span').animate({"opacity":0},{queue:false});
});

この問題は chrome ブラウザーでのみ発生します。スパンの親オーバーフローは非表示に設定されています。

ここにスパンCSSがあります:

#page-circle span{  
    position:absolute;  
    height:100%;
    width:100%; 
    bottom:0px;
    display:block;
    opacity:0;
    color:#fff;
    text-align:right;
    padding:8px 10px;
    background-image:url(../images/bg-overlay.png);
    background-color:#000;
}

jsfiddle へのリンク: http://jsfiddle.net/T4mer/zjr9Y/

ここに画像の説明を入力

4

1 に答える 1

0

border-radiusこのようにスパンに付けてみましたか?http://jsfiddle.net/zjr9Y/3/

于 2013-03-22T11:30:46.647 に答える