星级评分显得完全错误

Question

我有基于星级的评分。到目前为止，我在Node Js上运行它，它工作正常并且看起来正确。现在我在Apache服务器上运行我的本地主机，星级评分看起来很有趣，甚至不知道为什么。输出：

应该如何看待：

HTML：

＆＃13;

＆＃13;

<div class="star-ratings">
   <div class="star-ratings-top" id="star-ratings-top1"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
   <div class="star-ratings-bottom"><span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span></div>
</div>

＆＃13;

＆＃13;

＆＃13; CSS：

.star-wrapping{
    margin-top:20px;
    padding-left: 30px;
  }
  .star-ratings {
    float:left;
    display:block;
    unicode-bidi: bidi-override;
    color: #ECECEB;
    font-size: 40px;
    position: relative;
    margin-left:10px;
    height:40px;

  }
  .star-ratings .star-ratings-top {
    color: gold;
    padding: 0;
    position: absolute;
    z-index: 0.5;
    display: block;
    left: 0px;
    overflow: hidden;
  }
  .star-ratings .star-ratings-bottom {
    z-index: 0;
  }