各位大大好
我有一个网站里的一段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