仿微博弹出层：兼容常见浏览器的透明背景圆角弹出层

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>兼容的背景透明圆角弹出层DIV＋CSS＋TABLE</title>
<link href="http://www.websjy.com/club/websjy_index/54/images/websjy.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.websjy.com/club/websjy_index/54/images/websjy.js"></script>
</head>
 
<body>
<div class="open"><span onclick="openShutManager(this,'box',false,'点击这里，关闭层','点击这里，弹出层')">点击这里，弹出层</span>
<div class="odiv" id="box" style="display:none"><table border="0" cellpadding="0" cellspacing="0">
  <tr><td class="lt"></td><td class="t"></td><td class="rt"></td></tr><tr><td class="l"></td><td class="box">
        <h3 class="tit"><b>这里是标题</b><a class="cls" href="javascript:;" onclick="openShutManager(this,'box',false)" title="关闭">关闭</a></h3>
        <div class="nr"> 提示：<br />
          1、在代码状态下使用[html][/html]可以贴“代码运行”的代码。并禁用发帖左侧的 URL 识别和标签解析<br />
          2、技术版面请勿灌水。特别受欢迎的主题可以顶一顶，但是请接受版主的定期“擦水”，这是为了减少技术讨论区出现的无效信息。<br />
          3、如需要收藏主题，请使用主题右上角的链接，还可以推荐给论坛里的朋友。<br />
          4、如果代码无法运行，您可以打开<a href="http://www.websjy.com/bbs/html.html" target="_blank">浏览页面</a>，将代码粘贴到运行框中运行。<br />
          <b>此方法简单，自适应内容高宽，易方便改风格。原创：设计源:<a href="http://www.websjy.com" target="_blank">http://www.websjy.com</a></b>
          </div>
          </td><td class="r"></td></tr><tr><td class="lb"></td><td class="b"></td><td class="rb"></td></tr></table><s><i></i></s>
          </div>
</div>
</body>
</html>

　　在线演示：http://www.websjy.com/club/websjy_index/54/



posted @   设计源  阅读(765)  评论(5)  编辑  收藏  举报
编辑推荐：
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行：
· winform 绘制太阳，地球，月球 运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示