CSS读取图片坐标实现图片背景

网络整理 - 07-29
  CSS读取图片坐标实现图片背景,只需加载一次图片,就可以实现整个页面的背景,现在很多门户网站都在使用,比如网易163、腾讯等,以下是126邮箱登陆页面的登陆按钮部分:

<style type="text/css">
.inp_L1,.inp_L2{background:url('') no-repeat}
.inp_L1{width:67px;height:23px; background-position:-4px -4px;border:0;color:#464646;line-height:23px}
.inp_L2{width:67px;height:23px; background-position:-4px -30px;border:0;color:#464646;line-height:23px}
</style>
<input type="submit" id="input_btn1" name="enter.x" value="登 录" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" tabindex="4" class="inp_L1">