.login-header { width:100%; text-align:center; height:30px; font-size:24px; line-height:30px; } ul,li,ol,dl,dt,dd,div,p,span,h1,h2,h3,h4,h5,h6,a { padding:0px; margin:0px; } .login { width:512px; position:absolute; border:#ebebeb solid 1px; height:280px; left:50%; right:50%; background:#ffffff; box-shadow:0px 0px 20px #ddd; z-index:9999; margin-left:-250px; margin-top:140px; display:none; } .login-title { width:100%; margin:10px 0px 0px 0px; text-align:center; line-height:40px; height:40px; font-size:18px; position:relative; cursor:move; -moz-user-select:none; /*火狐*/ -webkit-user-select:none; /*webkit浏览器*/ -ms-user-select:none; /*IE10*/ -khtml-user-select:none; /*早期浏览器*/ user-select:none; } .login-input-content { margin-top:20px; } .login-button { width:50%; margin:30px auto 0px auto; line-height:40px; font-size:14px; border:#ebebeb 1px solid; text-align:center; } .login-bg { width:100%; height:100%; position:fixed; top:0px; left:0px; background:#000000; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; display:none; } a { text-decoration:none; color:#000000; } .login-button a { display:block; } .login-input input.list-input { float:left; line-height:35px; height:35px; width:350px; border:#ebebeb 1px solid; text-indent:5px; } .login-input { overflow:hidden; margin:0px 0px 20px 0px; } .login-input label { float:left; width:90px; padding-right:10px; text-align:right; line-height:35px; height:35px; font-size:14px; } .login-title span { position:absolute; font-size:12px; right:-20px; top:-30px; background:#ffffff; border:#ebebeb solid 1px; width:40px; height:40px; border-radius:20px; }
更新时间:2020-07-02 00:25:42
通过原生js动态计算元素的left与top改变元素的自由定位