CSS3 이미지가 전환시 마주 치면 순환 div 밖으로 이동

Question

overflow:hidden div 외부에서 이미지가 표시되는 이유 위로 이동이 버그를 해결하는 방법은 무엇입니까?

예 : http://jsfiddle.net/b5EyS/

주의 : 크롬 문제는

Answer 1

뿐만 아니라 IMG에 국경 반경을 추가하여 해결. 확실하지 않은 경우 그게 당신이 원하는 또는 아닙니다. 이 문제에 관해서 의견을 말하십시오!

a { 
    width: 100px; 
    height: 100px; 
    background: #000; 
    display: block; 
    border: 2px solid #000; 
    border-radius: 50%; 
    overflow: hidden; 
} 
img { 
    max-width: 100%; 
    -webkit-transition: opacity 0.1s linear; 
    -moz-transition: opacity 0.1s linear; 
    -o-transition: opacity 0.1s linear; 
    transition: opacity 0.1s linear; 
    border-radius: 50%; 
} 
img:hover { 
    opacity: 0.5; 
}