CSS模拟title和alt的提示效果

分析:在鼠标悬停的时候出现一个包含介绍文字的提示层,如果用传统的javascript来实现,就要设置对象的onmouseover和onmouseout属性,而如果把对象看作是a属性中的link和hover的话,这个问题就更清晰了,因为只要把对象的link属性设置为隐藏提示层、hover属性设置为呈现提示层即可,那么这个提示层的位置究竟在哪里呢?当然是在a标签中间了,目前常用的办法是把提示内容放在span标签中间进而包含在a标签内部,然后设置a:link和a:hover下不同的span样式即可。

继续阅读

文本框和密码框长度和高度不一样的解决方法

因为密码默认都用·代替了文字,所以肯定是比文本要小,如果用CSS定义就不会出现问题啦。
代码如下:

1
2
3
4
5
6
7
<form name="admin_login" method="post" action="admin_check.asp">
账号:
<input name="admin_user" type="text" style="width:120px;height:25px;">
密码:
<input name="admin_pswd" type="password" style="width:120px;height:25px;">
<input type="image" name="sumbit" src="images/login_sumbit.gif" width="60" height="20" border="0">
</form>