新月形状的css在safari中不起作用。

要解决在Safari浏览器中新月形状的CSS不起作用的问题，可以使用一些替代方法，如使用SVG或伪元素来创建新月形状。

1. 使用SVG创建新月形状：

HTML代码：

<svg class="moon-shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
  <path d="M0,50 a50,50 0 1,0 100,0 a50,50 0 1,0 -100,0" fill="#000000"></path>
</svg>

CSS代码：

.moon-shape {
  width: 100px;
  height: 100px;
}

2. 使用伪元素创建新月形状：

HTML代码：

<div class="moon-shape"></div>

CSS代码：

.moon-shape {
  width: 100px;
  height: 100px;
  position: relative;
  background-color: #000000;
  border-radius: 50%;
}

.moon-shape::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 50px;
  height: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translateX(-50%);
}

通过以上两种方法，你可以在Safari浏览器中成功创建新月形状的效果。