закругленные углы к div в firefox не работают

Question

Я хочу добавить закругленные углы к моему div в firefox. Ive пытался:

-moz-border-radius: 20px; 

и его не работает.

Pls, есть ли у кого-нибудь альтернативные решения?

Благодаря

Answer 1

новые версии поддержки Firefox просто

border-radius: 20px; 

Пробовали ли вы что? В противном случае мне нужно будет увидеть еще кое-что из вашего css.

Answer 2

Положите все ниже трех в вашем CSS

-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
border-radius: 20px; 

Некоторые старые версии используют -moz и -webkit, но последние версии браузеров принять CSS3 способ укладки.

источник: http://www.the-art-of-web.com/css/border-radius/

Answer 3

Как @vidiya упоминалось

всегда убедитесь, что вы покрываете всю свою основу:

-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
border-radius: 20px; 

я предложил бы смотреть на LESS или SASS, так что вы можете использовать mixins (функции в CSS)

//From LESS 
.rounded (@round:"4px") { 
    -moz-border-radius: @round; 
    -webkit-border-radius: @round; 
    border-radius: @round; 
}