Czy dozwolony jest "border-radius"?

Question

Robię stronę internetową i chciałbym się dowiedzieć, czy właściwość CSS "borderRadius" jest "dopuszczalna". Na przykład, czy należy oczekiwać, że każdy ma obsługiwaną przeglądarkę, czy też wciąż jest zbyt nieobsługiwana, że ​​nie powinienem jej używać?

Answer 1

To dobry czas, aby sprawdzić http://caniuse.com pod kątem konkretnych obsługiwanych przeglądarek, a które nie. Dodatkowo, http://css3please.com powie Ci, jak go wdrożyć, aby uzyskać jak najszersze wsparcie.

Z pierwszej strony widzimy, że wsparcie nie jest wcale takie złe, chociaż w niektórych przeglądarkach będziemy musieli użyć prefiksów. Druga strona daje nam następujące realizacji:

.box_round { 
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ 
      border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
            iOS 4, Android 2.1+ */ 

    /* useful if you don't want a bg color from leaking outside the border: */ 
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding; 
      background-clip: padding-box;  
} 

Każda przeglądarka, która nie rozumie, to po prostu zignorować i przejść do następnej reguły. W związku z tym pamiętaj, aby nie używać go w żaden sposób, który zależy od twojego układu pod względem użyteczności. Użyj go jako progresywnego rozszerzenia , a nie jako niezbędnej funkcji.

Answer 2

Z mojego doświadczenia wynika, że ​​przeglądarki, które nie rozpoznają promienia brzegu, po prostu go ignorują. Dlatego w twoim najlepszym interesie jest myślenie przyszłościowe i po prostu korzystanie z niego. Starsze przeglądarki po prostu pokazują domyślne rogi bloków zamiast zaokrąglonych rogów.

Nie pozwól, aby brak tej funkcji w starszych przeglądarkach zniechęcił użytkownika do ulepszenia przeglądarek.