各位大大好
我有一個網站裡的一段CSS寫這樣子
.pic img{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:5px;
border:1px solid #999;
}
.pic img:hover{
opacity: 0.7;
}
可是在GOOGLE瀏覽器沒辦法正常作用，FIREFOX、IE都可以
記得網站剛發布時google瀏覽器好像也是正常的，可是不知道什麼時候突然失去作用
有大大知道是有寫錯還是有其他問題呢？

可以的話貼網站上來,剛剛你的語法我用chrome看都正常

http://myweb.ncku.edu.tw/~h44011269/ 麻煩了QAQ在最下面連結YOUTUBE的那張圖片

感覺是chrome沒正確定位,那個span加上float:right就可你的img用align="right",他的母元素寬度就變成0,想辦法讓母元素有寬高,排版又是你要的就解決了,比較細節的你可能要google,通常我都沒在用align xd

The align attribute of <img> is not supported in HTML5可能是因為這樣吧 把img align拿掉 然後span加上float