铬不透明覆盖溢出问题影响边界半径

$("#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

来源

2013-03-22 T4mer

你有链接到这个运行或jsfiddle吗？ – gaynorvader 2013-03-22 10:53:30

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

你尝试把一个border-radius你的跨度也是这样吗？ http://jsfiddle.net/zjr9Y/3/

来源

2013-03-22 11:30:46 gaynorvader

同样的事情不在我的铬！ ?? – T4mer 2013-03-22 11:52:49

您运行的是哪个版本的Chrome？ – gaynorvader 2013-03-22 11:53:34

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

铬不透明覆盖溢出问题影响边界半径

回答

相关问题