Javascript cakephp打开透明弹出窗口
嗨,有人知道如何制作一个透明的弹出窗口吗。。 我已经在谷歌上找到了一些可能对我有帮助的代码,但对我来说不起作用。。 我正在与cakephp合作 这是html代码Javascript cakephp打开透明弹出窗口,javascript,php,css,cakephp,Javascript,Php,Css,Cakephp,嗨,有人知道如何制作一个透明的弹出窗口吗。。 我已经在谷歌上找到了一些可能对我有帮助的代码,但对我来说不起作用。。 我正在与cakephp合作 这是html代码 <div id="content"> <button class="popup">Search</button> </div> <div id="overlay"></div> <div id="popupBox"></div> 这是ja
<div id="content">
<button class="popup">Search</button>
</div>
<div id="overlay"></div>
<div id="popupBox"></div>
这是javascript
$('.popup').click(function () {
$('#overlay').fadeIn('slow');
$('#popupBox').fadeIn('slow');
$('#popupContent').fadeIn('slow');
});
$('#overlay, .deleteMeetingCancel').click(function () {
$('#overlay').fadeOut('slow');
$('#popupBox').fadeOut('slow');
$('#popupContent').fadeOut('slow');
});
$('.deleteMeetingButton').click(function () {
$('#popupContent').fadeOut('slow');
$('#deleteMeetingConfirmDeleted').fadeIn('slow');
$('#overlay').delay(1300).fadeOut('slow');
$('#popupBox').delay(1300).fadeOut('slow');
$('#deleteMeetingConfirmDeleted').fadeOut('slow');
});
我指的是从这一页请使背景透明 喜欢背景色:透明强>
#popupBox {
display:none;
position: relative;
margin-left:auto;
margin-right:auto;
margin-top:100px;
width:600px;
height: 500px;
color: #000000;
border:5px solid #4E93A2;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color:transparent;
z-index: 1000;
}
将#叠加不透明度:0.5设置为不透明度:0您真正想要的是什么?@Bizzon没有弹出窗口如何创建透明的弹出窗口?这是您的问题吗?请提供演示图片或链接。
#popupBox {
display:none;
position: relative;
margin-left:auto;
margin-right:auto;
margin-top:100px;
width:600px;
height: 500px;
color: #000000;
border:5px solid #4E93A2;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color:transparent;
z-index: 1000;
}