CSS+Div固定在右下角显示 - 柏港建站平台

隐藏

CSS+Div固定在右下角显示

发布：2013/12/26 14:14:59作者：管理员来源：本站浏览次数：2620

CSS+Div固定在右下角显示

<div style="height: 2000px">DIV 右下角固定显示</div>
<style>

</style>

<div id="INDEXT_RB_AD" style="display: ;">
<div style='border: #CDCDCD 1px solid; Z-INDEX: 99999; width: 250px; POSITION: absolute; top: 0px; height: 196px;'>
<table width='100%' border='0' cellpadding='0' cellspacing='0' style='border-top: #ffffff 1px solid;' bgcolor='#F2F2F2'>
<tr>
<td height='26' style='font-size: 12px; color: #444444; padding-top: 4px; padding-left: 10px; font-weight: bold' valign='middle' width='88%'>网站公告</td>
<td width='12%' align='center'><a onclick="document.getElementById('INDEXT_RB_AD').style.display = 'none';" title='关闭' style='font-size: 12px; color: #444444; padding-top: 4px; cursor: hand;'>关闭</a></td>
</tr>
<tr>
<td colspan='2' height='165' bgcolor='#ffffff'>
<div style='padding: 13px; border-top: #CDCDCD 1px solid; font-size: 12px; width: 224px; color: #666666; height: 138px'>
<div style="width: 224px; float: left; height: 30px;"><a href="[field:arcurl/]" target="_blank" style="font-weight: bold; font-size: 14px; color: #3F8A14">网站公告标题标题</a></div>
<div style="width: 224px; height: 85px; overflow: hidden; line-height: 24px; float: left">网站公告标题标题内容内容，网站公告标题标题内容内容，网站公告标题标题内容内容，网站公告标题标题内容内容...</div>
<div style="width: 224px; height: 24px; overflow: hidden; line-height: 24px; border-top: dotted 1px #CDCDCD; text-align: right; vertical-align: bottom; padding-top: 5px; float: left;"><a href="[field:arcurl/]" target="_blank" style="font-size: 12px; color: #3F8A14">查看>></a></div>
</div>
</tr>
</table>
</div>
</div>

　JQuery实现点击div以外的位置隐藏该div窗口

CSS expression属性用法详解　

CSS+Div固定在右下角显示

© Copyright 2014 - 2025 柏港建站平台 ejk5.com. 渝ICP备16000791号-4