未知屬性'-moz-box-shadow'。聲明丟失

忽然發生了什麼事CSS -moz-box-shadow？在我的設計Firefox的控制檯出現了一個奇怪的問題：未知屬性'-moz-box-shadow'。聲明丟失

但作爲每CSS Box Shadow rules我跟所有的，然後發生了什麼規則？這裏是塊在那裏的指導：我嘗試

div.area { 
    margin: 2px auto; 
    border: 1px solid #ededed; 
    -moz-box-shadow: 0 0 2px 0 #ccc; 
    -webkit-box-shadow: 0 0 2px 0 #ccc; 
    box-shadow: 0 0 2px 0 #ccc; 
    margin-top: -80px; 
    background-color: #ffffff; 
    position: relative; 
}

以下太：

div.area { 
     -moz-box-shadow: 0 0 2px #ccc; 
     -webkit-box-shadow: 0 0 2px #ccc; 
     box-shadow: 0 0 2px #ccc; 
}

我使用Mozilla Firefox 20.0。

來源

2013-10-20 Mayeenul Islam

由於Firefox支持box-shadow這麼好，所以沒有理由保留-moz-box-shadow。它在版本13中放棄了對前綴的支持，所以如果你真的關心警告並且不介意丟失對老版本Firefox的支持，那麼可以刪除該聲明。對於最新版本的WebKit瀏覽器，-webkit-box-shadow也是如此。

來源

2013-10-20 17:10:06 BoltClock

一個用例是要解決老火狐性能臭蟲大箱的陰影使滾動速度慢（參見http://stackoverflow.com/questions/5095253/box- shadow-in-firefox），因爲這個bug仍然沒有得到解決...... –

Mozilla開發者似乎不喜歡「向後兼容性」的概念...... –

作爲標準的實驗性實現的前綴屬性其本質並不意味着首先是向後兼容的，所以這個論證是無關緊要的。 – BoltClock

box-shadow不需要，因爲超過一年前的任何前綴（火狐4和Chrome 10）：https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

來源

2013-10-20 17:18:18

隨着大多數瀏覽器的最新版本中，您不需要-moz-箱 - 使用陰影。

您可以簡單地使用箱子陰影。

瞭解更多關於它的W3Schools

來源

2013-10-20 18:11:51

未知屬性'-moz-box-shadow'。聲明丟失

回答

相關問題