標簽歸檔：CSS

CSS模擬title和alt的提示效果

由 發表于 ┊1,687 PV

分析：在鼠標懸停的時候出現一個包含介紹文字的提示層，如果用傳統的javascript來實現，就要設置對象的onmouseover和onmouseout屬性，而如果把對象看作是a屬性中的link和hover的話，這個問題就更清晰了，因為只要把對象的link屬性設置為隱藏提示層、hover屬性設置為呈現提示層即可，那么這個提示層的位置究竟在哪里呢？當然是在a標簽中間了，目前常用的辦法是把提示內容放在span標簽中間進而包含在a標簽內部，然后設置a：link和a：hover下不同的span樣式即可。

繼續閱讀 →

文本框和密碼框長度和高度不一樣的解決方法

由 發表于 ┊2,616 PV

因為密碼默認都用·代替了文字，所以肯定是比文本要小，如果用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>