tic tac toe capture css(援助)

时间:2011-05-19 01:57:12

标签: css

重做我们的验证码。

演示: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是:

enter image description here

2 个答案:

答案 0 :(得分:1)

因此可以标记为已回答......

底层高25像素,顶层为26.精灵需要修复。

答案 1 :(得分:1)

这是一个带有HTML和CSS的可编辑的jsFiddle:http://jsfiddle.net/WhG5L/