border-radius屬性失效問題的解決辦法

今天調試項目的時候突然發現，設置的border-radius竟然失效了，打開f12，眼看着瀏覽器把這個屬性也給劃掉了，不是一般的鬱悶，按照道理來說，不應該會出現這樣神奇的bug。

圖片.png

css代碼：

#photo{
width: 80px;
height:80px;
border-radius:10px ;
}

解決辦法：萬能的!important;

在border-radius屬性裏面添加!important：

CSS中的!important一般都是用於對低版本的除了iE 6 ，用來做hack的，後面綴上了!important的css語句，讓瀏覽器首選執行這個語句，因爲css有繼承的樣式，加上!importanrt可以覆蓋父級的樣式。

#photo{
width: 80px;
height:80px;
border-radius:40px !important;
}

完美解決：