作者noworneverev (小朋友)
看板Web_Design
标题[问题] CSS 图片透明化小问题
时间Sun May 24 10:38:26 2015
各位大大好
我有一个网站里的一段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浏览器好像也是正常的，可是不知道什麽时候突然失去作用
有大大知道是有写错还是有其他问题呢？
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.174.196.46
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1432435117.A.D65.html
1F：→ iamnodoubt: 可以的话贴网站上来,刚刚你的语法我用chrome看都正常 05/24 15:41
3F：→ noworneverev: 在最下面连结YOUTUBE的那张图片 05/24 16:03
4F：推 iamnodoubt: 感觉是chrome没正确定位,那个span加上float:right就可 05/25 12:53
5F：→ iamnodoubt: 你的img用align="right",他的母元素宽度就变成0,想办 05/25 12:59
6F：→ iamnodoubt: 法让母元素有宽高,排版又是你要的就解决了,比较细节的 05/25 13:00
7F：→ iamnodoubt: 你可能要google,通常我都没在用align xd 05/25 13:00
8F：→ bbcust: The align attribute of <img> is not supported in HTML5 05/25 14:50
9F：→ bbcust: 可能是因为这样吧 把img align拿掉 然後span加上float 05/25 14:51
非常感谢两位，已经解决了\⊙▽⊙/
※ 编辑: noworneverev (1.174.194.13), 05/25/2015 21:23:26