Css &引用；星级评定“；这个虫子快把我逼疯了

我已经建立了一个应用程序，这是为了采取星级。实际的评级机制是通过Javascript和CSS完成的

预期的功能是将鼠标悬停在星星上进行选择，然后单击它将其锁定

我现在拥有的。老实说，我已经束手无策了：一切都按我所希望的那样工作，但由于某种原因，只有星星顶部的几个像素可以在悬停时工作

一定有对齐问题，但我一辈子都搞不清楚它是什么

我希望我能在这件事上悬赏，这件事已经困扰了我好几天了——如果有人知道我可以从哪里开始寻找这个愚蠢的小家伙，我将不胜感激

星级评定位的相关CSS为：

#star ul.star, #star ul.star0
{ 
    list-style: none; 
    margin: 0  !important; 
    padding: 0  !important; 
    width: 85px; 
    height: 25px; 
    left: 10px; 
    position: relative; 
    float: left; 
    background: url('media/stars.gif') repeat-x; 
    cursor: pointer; 
}

#star ul.star0 
{ 
    cursor: default; 
}

#star li { 
    PADDING: 0 !important; 
    MARGIN: 0 !important; 
    FLOAT: left; 
    DISPLAY: block; 
    WIDTH: 85px; 
    HEIGHT: 25px; 
    TEXT-DECORATION: none; 
    text-indent: -9000px; 
    Z-INDEX: 20; 
    POSITION: absolute; 
    PADDING: 0; }

#star li.curr { 
    font-size: 1px;
    background: url(media/stars.gif) 0 25px;
}
#star div.user { 
    top: 10px !important;
    left: 15px !important; 
    position: relative; 
    float: left; 
    font-size: 13px; 
    COLOR: #999;
}

---

我看到的第一件事是reviewscript.js中的接受高度是

oX<1 || oX>84 || oY<0 || oY>19 oX84 | | oY19 这告诉我你只注意上面的19个像素。您正在链接的页面中使用星星作为uls

<ul id="star1" class="star" ...

---

正如你所知：该页面与IE兼容，但与Chrome不兼容——如果你的光标不在星星的顶端，什么也不会发生——因此它们与你的问题类似。将oY>19更改为oY>29似乎已经修复了错误的主要部分 #star ul.star, #star ul.star0 { ... width: 85px; height: 25px; ...