作者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://www.ptt.cc/bbs/Web_Design/M.1432435117.A.D65.html
→ iamnodoubt: 可以的話貼網站上來,剛剛你的語法我用chrome看都正常 05/24 15:41
→ noworneverev: 在最下面連結YOUTUBE的那張圖片 05/24 16:03
推 iamnodoubt: 感覺是chrome沒正確定位,那個span加上float:right就可 05/25 12:53
→ iamnodoubt: 你的img用align="right",他的母元素寬度就變成0,想辦 05/25 12:59
→ iamnodoubt: 法讓母元素有寬高,排版又是你要的就解決了,比較細節的 05/25 13:00
→ iamnodoubt: 你可能要google,通常我都沒在用align xd 05/25 13:00
→ bbcust: The align attribute of <img> is not supported in HTML5 05/25 14:50
→ bbcust: 可能是因為這樣吧 把img align拿掉 然後span加上float 05/25 14:51
非常感謝兩位，已經解決了\⊙▽⊙/
※ 編輯: noworneverev (1.174.194.13), 05/25/2015 21:23:26