2013-03-22 117 views
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/

enter image description here

+0

你有鏈接到這個運行或jsfiddle嗎? – gaynorvader 2013-03-22 10:53:30

+0

http://jsfiddle.net/T4mer/zjr9Y/ – T4mer 2013-03-22 11:00:55

回答

0

你嘗試把一個border-radius你的跨度也是這樣嗎? http://jsfiddle.net/zjr9Y/3/

+0

同樣的事情不在我的鉻! ?? – T4mer 2013-03-22 11:52:49

+0

您運行的是哪個版本的Chrome? – gaynorvader 2013-03-22 11:53:34

+0

最新的一個版本25.0.1364.172 m – T4mer 2013-03-22 12:00:43