$("#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/
你有鏈接到這個運行或jsfiddle嗎? – gaynorvader 2013-03-22 10:53:30
http://jsfiddle.net/T4mer/zjr9Y/ – T4mer 2013-03-22 11:00:55