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; 
}