原本以为即将完成的网站,没想到在经过不懂分辨率测试后,才发现,我的绝对定位都出了问题,例如首页,头部,底部,由于是背景平铺,我用了背景100%,将其中的内容定位在此div内,但是浏览器的不同,位置也跟着变动了,之前没有考虑到这个问题,所以现在要返工修改。
不过今天修改了一个bug,之前我都把文本框的背景设置是input上,当文本框输入的内容超过框的长度时,IE6,IE7,背景也会随着移动,除了设定文本框的maxlength值之外,今天请教了一个网友,教了一种方法,不会限制字段长度,在input外嵌套一层,把背景放在此层中。
代码如下:
/*========= login ==========*/
.n_login{ background:url(../p_w_picpaths/loginbg.gif) no-repeat; width:404px; height:296px; float:left; position:relative; margin-right:30px; margin-left:40px; margin-top:10px; _display:inline;} .n_login .u_login{ width:263px; position:absolute; top:100px; left:60px;} .n_login .u_regedit{position:absolute; top:60px; left:60px;} .n_login li{ margin-bottom:10px;} .n_login label{ font-size:13px; color:#330000; font-weight:bold; width:75px; text-align:right; display:inline-block; margin-right:10px} .n_login .login_txt{ width:176px; height:23px;background:url(../p_w_picpaths/login_txt.gif) no-repeat;line-height:23px; border:0; display:inline-block} .n_login .inputtxt{ width:176px; height:23px;cursor:text;background:transparent;line-height:23px;} .n_login center{ padding-top:20px; padding-left:60px;}