[英]chrome opacity overlay overflow issue affect to border radius
$("#page-circle").mouseover(function(){
$(this).find('span').animate({"opacity":0.4},{queue:false});
}).mouseout(function(){
$(this).find('span').animate({"opacity":0},{queue:false});
});
this problem is only in chrome browser; 此问题仅在chrome浏览器中; the span parent overflow is set to hidden;
span父溢出设置为隐藏;
here is span css: 这是跨度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;
}
link to jsfiddle : http://jsfiddle.net/T4mer/zjr9Y/ 链接到jsfiddle: http : //jsfiddle.net/T4mer/zjr9Y/
Did you try putting a border-radius
on your span like this? 您是否尝试过像这样在
border-radius
? http://jsfiddle.net/zjr9Y/3/ http://jsfiddle.net/zjr9Y/3/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.