作者yorock (Remix)
看板Web_Design
標題[問題] chrome無法正常顯示hover
時間Fri Oct 9 23:02:00 2015
如標題,最近在試做一個網站
http://www.chenyiya.com/artist/
滑鼠移到圖片上後會出現效果
發現chrome裡只有第一列可以正常執行
但用firefox與safari皆可正常執行
已設css rest,因為程式碼很長
有高手知道大約是哪方面的問題嗎?
position設定的問題或是瀏覽器的問題?
希望比較有方向可以抓bug
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.27.216.210
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1444402922.A.92C.html
※ 編輯: yorock (114.27.216.210), 10/09/2015 23:02:54
1F:推 iamnodoubt: google結果,似乎是chrome使用-webkit-column-count的 10/10 01:49
2F:→ iamnodoubt: bug 10/10 01:50
3F:→ miau: 最近好像常常這樣,應該是chrome自己的問題,所有網頁都是 10/10 02:09
請問是暫時的嗎?
如果chrome一直沒修正可能就要考慮用別的方式下去做了
感謝兩位的幫忙!!
※ 編輯: yorock (114.27.216.210), 10/10/2015 09:40:42
4F:推 iamnodoubt: bug就是bug,不會什麼最近常常這樣,看了一下caniuse的 10/10 12:40
5F:→ iamnodoubt: column, issue還蠻多的, 你要練習rwd寫法,打開 10/10 12:41
6F:→ iamnodoubt: 用bootstrap或是susy寫的網頁,用devtool看人家怎麼寫 10/10 12:42
7F:→ iamnodoubt: css越新的版本更容易有支援度的問題,有時規格定出來, 10/10 12:44
8F:→ iamnodoubt: 各家瀏覽器也不見得馬上跟上,像css4早有了,你有看過人 10/10 12:45
9F:→ iamnodoubt: 家討論嗎?從一些熱門的framework去學他寫法或是直接用 10/10 12:47
10F:→ iamnodoubt: 好處是, 很多狀況高手已經幫你考量進去甚至是處理掉了 10/10 12:48
11F:→ miau: 抱歉之前只看了標題就推文,以為是最近常發生的 10/10 19:03
12F:→ miau: cursor 狀態顯示問題 Orz... 10/10 19:03
13F:→ miau: 你的頁面確實是上面i大所說的使用了-webkit-column-count 10/10 19:04
14F:→ miau: 造成的 10/10 19:13
15F:推 miau: 但是我發現一個奇怪的方法可以解決...請你找到 css 裡面的 10/10 19:40
16F:→ miau: .content_box ,把裡面的 overflow:hidden; 刪掉 10/10 19:41
17F:→ miau: 就可以修好了...... 請試試看 10/10 19:42
真的可以耶!!可能真的是被overflow擋住的關係
真是太感謝m大了!!!
※ 編輯: yorock (114.27.216.210), 10/11/2015 01:46:12