怎么设置一个这样的弹窗,在网页里点击一个按钮,然后弹出,可以自定义位置,然后还能取消,求大神指教

 我来答
网海1书生
科技发烧友

2018-07-28 · 擅长软件设计、WEB应用开发、小程序
网海1书生
采纳数:12311 获赞数:26230

向TA提问 私信TA
展开全部
<div id="win" style="display:none; position:fixed; left:100px; top:100px; width:320px; height:240px; border:1px solid #aaa; background-color:#eee">
   <h2 style="position:absolute; left:0; top:0; width:100%; height:30px; line-height:30px; font-size:16px; margin:0; text-indent:10px; color:#666; background-color:#ddd">这是弹窗标题</h2>
   <span style="position:absolute; right:4px; top:4px; color:#aaa; cursor:pointer" onclick="win.style.display='none';">×</span>
   <div style="margin-top:30px; padding:10px; color:#888">这里是弹窗的文字内容</div>
</div>
<button onclick="win.style.display='block';">点我打开弹窗</button>
更多追问追答
追问
请问你知道ie不兼容css样式怎么解决吗?QQ浏览器和谷歌都行,ie无法显示
追答
IE加个
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式