星期六 晴 10～18℃

休息

天气好。洗衣晒被。

UCH 2.0 消息发送页收件人列表的关闭按钮始终显示在右上角

默认的关闭按钮会随着滚动条滚动，当需要关闭时，滚动条需要拉到最顶上才能看到关闭按钮。现在改成关闭按钮固定不动，不管滚动条怎么滚，都可以随时点击关闭。

模板页 cp_pm.htm

原：

<div id="username_menu" class="ajax_selector" onclick="$(‘username_menu’).style.display=’none’;" style="display:none">
 <div class="ajax_selector_option" style="width: 396px; height: 100px;">
  <a href="javascript:;" onclick="$(‘username_menu’).style.display=’none’;" class="float_del" style="margin-right: 5px;">a</a>
  <ul id="friendlist" class="blocklink">
   <!–{loop $friends $key $value}–>
    <!–{eval $fs[] = $value['username'];}–>
    <li>$value[username]</li>
   <!–{/loop}–>
  </ul>
 </div>
</div>

改，把关闭按钮提到上面一层，并加上 z-index：

<div id="username_menu" class="ajax_selector" onclick="$(‘username_menu’).style.display=’none’;" style="display:none">
 <a href="javascript:;" onclick="$(‘username_menu’).style.display=’none’;" class="float_del" style="right:0; left:362px; z-index:1">&nbsp;</a>
 <div class="ajax_selector_option" style="width: 396px; height: 100px;">
  <ul id="friendlist" class="blocklink">
   <!–{loop $friends $key $value}–>
    <!–{eval $fs[] = $value['username'];}–>
    <li>$value[username]</li>
   <!–{/loop}–>
  </ul>
 </div>
</div>

另外，这个关闭按钮有一个 hack，鼠标经过时有时会跳动，可能是因为出现滚动条的原因，解决方法是把相当右定位改成相对左定位：

right:0; left:362px;

这个 left 根据 div 的宽度来定。

友吧今天

嵌套消息发送页。