重做我们的验证码。
演示:http://sitehelp.com.au/demos/ttt/422.php
Anyhoo的css如下:
.funcaptcha { width: 81px; overflow: hidden; float: left; margin-right: 0px; }
.funcaptcha a { display: inline-block; background: url("http://sitehelp.com.au/demos/ttt/images/ttt-small.png"); margin: 2px 2px 0 0; float: left; }
.funcaptcha a.circle { background-position: 0px -29px; }
.funcaptcha a.cross { background-position: -29px -83px; }
.funcaptcha a.empty { background-position: -0px 0px; }
.funcaptcha a.marked,
.funcaptcha a:hover { background-position: -29px 0px; }
.funcaptcha .box { display: block; cursor: pointer; overflow: hidden; width: 25px; height: 25px; }
包含php,所以无法做小提琴。但是我的css定位还有点不对,有什么建议吗?
ttt-small.png是:
答案 0 :(得分:1)
因此可以标记为已回答......
底层高25像素,顶层为26.精灵需要修复。
答案 1 :(得分:1)
这是一个带有HTML和CSS的可编辑的jsFiddle:http://jsfiddle.net/WhG5L/