我正在关注此页面上的教程:http://www.henryhoffman.com/css-star- rating-tutorial.html http://www.henryhoffman.com/css-star-rating-tutorial.htmlHTML 看起来像这样:
<ul class="rating">
<li><a href="#" title="1 Star">1</a></li>
<li><a href="#" title="2 Stars">2</a></li>
<li><a href="#" title="3 Stars">3</a></li>
<li><a href="#" title="4 Stars">4</a></li>
<li><a href="#" title="5 Stars">5</a></li>
</ul>
CSS 是这样的:
ul.rating{
background:url(../img/site_img/star.jpg) bottom;
height:21px;
width:115px;
overflow:hidden;
}
ul.rating li{
display:inline
}
.rating a {
display:block;
width:23px;
height:21px;
float:left;
text-indent:-9999px;
position:relative;
}
.rating a:hover {
background:url(../img/site_img/star.jpg) center;
width:115px;
margin-left:-92px;
position:static;
}
.rating a:active {
background-position:top;
}
我的问题是我不需要a href,我不想被转移到页面上的另一个位置。我只想将值(1、2、3、4 或 5)存储在标签中,以便在按下按钮时可以将该值传递到数据库。如果我选择三颗星星,我希望在按下星星后将三颗星星着色,并且不再用吸尘器吸住星星。
我怎样才能做到这一点?
我认为你可以改变你的a hrefs
进入跨度,因为 CSS 已经声明了display:block
这应该有效。 CSS 也有变化rating a
to rating span
看看是否有帮助。
<ul class="rating">
<li><span>1</span></li>...
.rating span {
display:block;...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)