[問題] CSS 圖片透明化小問題

看板Web_Design作者 (小朋友)時間10年前 (2015/05/24 10:38), 10年前編輯推噓1(108)
留言9則, 3人參與, 最新討論串1/1
各位大大好 我有一個網站裡的一段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

05/24 15:41, , 1F
可以的話貼網站上來,剛剛你的語法我用chrome看都正常
05/24 15:41, 1F

05/24 15:59, , 2F
05/24 15:59, 2F

05/24 16:03, , 3F
在最下面連結YOUTUBE的那張圖片
05/24 16:03, 3F

05/25 12:53, , 4F
感覺是chrome沒正確定位,那個span加上float:right就可
05/25 12:53, 4F

05/25 12:59, , 5F
你的img用align="right",他的母元素寬度就變成0,想辦
05/25 12:59, 5F

05/25 13:00, , 6F
法讓母元素有寬高,排版又是你要的就解決了,比較細節的
05/25 13:00, 6F

05/25 13:00, , 7F
你可能要google,通常我都沒在用align xd
05/25 13:00, 7F

05/25 14:50, , 8F
The align attribute of <img> is not supported in HTML5
05/25 14:50, 8F

05/25 14:51, , 9F
可能是因為這樣吧 把img align拿掉 然後span加上float
05/25 14:51, 9F
非常感謝兩位,已經解決了\⊙▽⊙/ ※ 編輯: noworneverev (1.174.194.13), 05/25/2015 21:23:26
文章代碼(AID): #1LOJcjrb (Web_Design)