检查-moz-border-radius支持的最佳方法

检查-moz-border-radius支持的最佳方法是使用JavaScript和CSS。首先，在CSS中添加一个类，该类将应用于支持-moz-border-radius的浏览器。然后，使用JavaScript检测浏览器是否支持该类。

在CSS中添加以下代码：

.supports-border-radius {
  border-radius: 5px;
  -moz-border-radius: 5px;
}

在JavaScript中添加以下代码：

function supportsBorderRadius() {
  var div = document.createElement('div');
  div.style.borderRadius = '5px';
  div.style.MozBorderRadius = '5px';
  div.style.width = '10px';
  div.style.height = '10px';
  document.body.appendChild(div);
  var supports = div.offsetWidth === 10;
  document.body.removeChild(div);
  return supports;
}

if (supportsBorderRadius()) {
  document.documentElement.classList.add('supports-border-radius');
}

这段代码首先创建一个div元素，并设置其border-radius和-moz-border-radius属性。然后，它将div元素添加到页面上，并检查div元素的宽度是否为10像素。如果是，则说明浏览器支持-moz-border-radius，并将supports-border-radius类添加到根元素上。

这种方法可以确保您的网站在支持-moz-border-radius的浏览器上具有圆角效果，而不会在不支持该属性的浏览器上出现问题。