如何在DIV上方悬浮一个关闭按钮

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在DIV上方悬浮一个关闭按钮相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
//页面加载时调用此函数
$(function()
$("#a").click(function()
$("#b").css("display","none");//点击隐藏
);
);
</script><div id="b">
<input type="button" id="a" value="点击隐藏"/>
</div>
目前我是使用按钮关闭

但是要让关闭按钮或文字停在广告的前方就像下方广告右上角的X
所使用的广告码是百度广告那种javascript的轮播代码
不是图片式广告喔

首先,得有个DIV,然后把轮播代码丢到DIV里,然后写个id为a的A标签,标签根据DIV定位到右上角,如果这时候你看到a标签不在广告上面,那你就给a标签设置z-index属性,还不行就给DIV也设上。我不大熟悉这玩意,不过大概是这样的。 参考技术A 这个悬浮窗是一个div层,在这个div里面添加一个按钮或者 关闭都可以,'MyDiv'就是悬浮窗div的id,js里面写个函数即可 function CloseDiv(div) document.getElementById(div).style.display = 'none'; ;若有不妥,请补充!追问

你说的添加关闭按钮跟我所使用的一样并不能悬浮在广告上方
是希望让关闭按钮或文字“悬浮在广告的上方”
如上方图片中的X

参考技术B /* CSS部分 */
#b  position:relative; 
#a  position:absolute; top:0; right:0; z-index:99;

本回答被提问者采纳
参考技术C 对input设置绝对定位就可以了。 参考技术D position:absolute

以上是关于如何在DIV上方悬浮一个关闭按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何获取关闭按钮的id或bounds

Dev中XtraTabPage怎么设置关闭按钮

如何添加如图所示的弯曲模态底片?如何在其上方添加关闭按钮?飘飘然

单击新按钮时如何关闭所有其他div?

如何使用角落上方的关闭按钮创建视图?

c++单文档如何在点关闭按钮时出现提示框,必须是在窗口关闭前出现