2013-08-19 103 views
0

http://codepen.io/Drexl/pen/CBjdLCSS作品,移住鏈接到MediaWiki

上述工作就好了兩個FF和Chrome下破壞在Chrome。然而,當在現場MedaWiki上使用它時,它在Chrome上失敗,在FF上工作正常。 這是在chrome中查看的結果:

http://i.imgur.com/0bALNzc.png(忽略我所做的小編輯)。

請注意,它似乎保持格式,但邊框不存在。我已經在其他元素上使用了這些邊框設置,這讓我很困惑。

感謝您提供任何建議/指導!^_^

回答

0

您必須添加-webkit--moz-前綴邊界半徑和箱陰影,閱讀this源可能會幫助你理解CSS3越好..

+0

有趣的是,我沒有用那些前綴在所有爲其他事情。我已經在其他沒有問題的元素上使用了相同的確切邊框設置和框陰影設置。另外,我剛剛發現,如果我嘗試在Chrome中編輯MediaWiki頁面,然後取消而不保存更改,它會正確顯示。 另外http://www.w3schools.com/cssref/css3_browsersupport.asp顯示它在沒有-webkit-的所有瀏覽器上都受支持。我在發佈之前檢查過。我現在只是雙重檢查,以確保。 – Drexl

+0

有時他們也沒有前綴工作。但是,不能保證它總是會。始終在CSS3之後放置原始代碼和前綴。 w3schools有太多過時的信息,不應該與w3.org混淆。 -webkit-僅適用於Chrome和Safari,因此您的思維存在邏輯錯誤。 – Ali

+0

我做了這些更改。這並不能解釋爲什麼邊框和背景顏色不會顯示出來。另外,我還沒有將它們應用於wiki,但是我放置此代碼的所有地方都突然爲所有人服務。這讓我感到困惑。我會更新wiki上的代碼以保證安全。 – Drexl