2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

技術(shù)要點(diǎn)：

一個(gè)覆蓋整個(gè)屏幕的淺灰色背景的div,一個(gè)包含內(nèi)容的的div,

代碼如下：

<div?id="financeTip"?style=""><div?class="financeTipBg"?style=""></div><div?id="financeTipInfor"?class="e-tankuang?alert?financeTankuang"?style="?"><button?type="button"?class="close?tanweizhiClose"?data-dismiss="alert">&times;</button><div?class="e-tankuang-title"?id="myModalLabel">彈出框標(biāo)題</div><div?class="e-tankuang-content">彈出框信息</div></div></div> $(document).ready(function(){var?m1_top?=?(?$(window).height()?-?$("#financeTipInfor").height()?)/2;var?m1_left?=?(?$(window).width()?-?$("#financeTipInfor").width()?)/2;$("#financeTipInfor").css({"margin":?m1_top?+?"px"?+"?"+?m1_left?+?"px"});window.onresize=function(){var?m1_top?=?(?$(window).height()?-?$("#financeTipInfor").height()?)/2;var?m1_left?=?(?$(window).width()?-?$("#financeTipInfor").width()?)/2;//?$("#financeTipInfor").css({"margin":?m1_top?+?"px?auto","left":?m1_left?+?"px"});$("#financeTipInfor").css({"margin":?m1_top?+?"px"?+"?"+?m1_left?+?"px"});}$(".close").click(function?()?{$("#financeTip").css({"display":?"none"});}); }); #financeTip{width:100%;overflow:hidden;}.financeTankuang{width:90%;}@media?(min-width:?768px){.financeTankuang{width:600px;}}.financeTipBg{position:absolute;width:100%;height:100%;background:#000;z-index:8001;left:0;top:0;opacity:0.2}#financeTipInfor{position:absolute;left:0;top:0;z-index:8011;}

轉(zhuǎn)載于:https://my.oschina.net/u/2612473/blog/660271

總結(jié)

以上是生活随笔為你收集整理的弹出框css技巧的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。