2017-05-22 67 views
-1

http://www.noor-azmi.com/element/projects.html懸停圖片的文字,在Safari

當U懸停縮略圖問題,文本將出現。

這只是正常的所有瀏覽器,除了野生動物園

誰能幫助?謝謝!

+0

尋求幫助的問題(「**爲什麼不是,或如何使這個代碼工作?」)必須包括所需的行爲,一個_specific問題或錯誤和最短的代碼必須在問題本身**中重現**。沒有**明確問題陳述**的問題對其他讀者沒有用處。請參閱:[如何創建最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。 – LGSon

回答

-1

你應該添加-webkit-transform: translate(-50%,-50%);.middle它會工作。

也是一個建議:(我可能是錯誤的這一點)

您使用@media (-webkit-transform-3d)這是一個非標準的功能,併爲MDN說

非標準 此功能是非標準並不在標準軌道上。不要在面向Web的生產站點上使用它:它不適用於每個用戶。實現之間也可能存在很大的不兼容性,並且行爲在未來可能會發生變化。

你應該使用@supports相反,它具有以下語法

@supports <supports-condition> {

<group-rule-body>

}

附:絕對不要鏈接到外部網站,而是在此發佈代碼並複製問題。像你的問題很容易downvoted和關閉

+0

謝謝,我相當新的堆棧溢出,所以我不知道很多關於規則 – imja86

+0

嗨,但在Safari中時,當我懸停圖像將有一個下劃線,也在IE瀏覽器時懸停文本是藍色的。這是爲什麼 ?它在Firefox和鉻沒有問題 – imja86

+0

我也剛剛發現它不能在IE中工作....任何建議如何使它在IE中工作? – imja86