PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] CSS 圖片透明化小問題
作者:
noworneverev
(小朋友)
2015-05-24 10:38:26
各位大大好
我有一個網站裡的一段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瀏覽器好像也是正常的,可是不知道什麼時候突然失去作用
有大大知道是有寫錯還是有其他問題呢?
作者:
iamnodoubt
(Have Fun)
2015-05-24 15:41:00
可以的話貼網站上來,剛剛你的語法我用chrome看都正常
作者:
noworneverev
(小朋友)
2015-05-24 15:59:00
http://myweb.ncku.edu.tw/~h44011269/
麻煩了QAQ在最下面連結YOUTUBE的那張圖片
作者:
iamnodoubt
(Have Fun)
2015-05-25 12:53:00
感覺是chrome沒正確定位,那個span加上float:right就可你的img用align="right",他的母元素寬度就變成0,想辦法讓母元素有寬高,排版又是你要的就解決了,比較細節的你可能要google,通常我都沒在用align xd
作者:
bbcust
(bbcust)
2015-05-25 14:50:00
The align attribute of <img> is not supported in HTML5可能是因為這樣吧 把img align拿掉 然後span加上float
繼續閱讀
[問題] 流量過大
sixkinsey
[問題] 網頁背景使用影片顯示比例問題
killzane
Re: [問題] 網頁下拉至一定內容跑出浮動選單bar
ys52513
Fw: [問題] 寫在Java檔案裡面的JavaScript如何傳值
qazsd
Fw: [問題] 請問一下htaccess的問題
banana2014
[問題] FB的apprequests可送邀請但無細節
willis0623
[問題] 不同解析度圖片相同大小
e2755699
[問題] 新手問金流
jason82714
[問題] 如何只另開分頁(滑鼠中鍵效果)
yoyostar1990
[問題] 如何利用 CSS 寫數學式
BCRK7
Links
booklink
Contact Us: admin [ a t ] ucptt.com