Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/google-app-engine/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript cakephp打开透明弹出窗口_Javascript_Php_Css_Cakephp - Fatal编程技术网

Javascript cakephp打开透明弹出窗口

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

嗨,有人知道如何制作一个透明的弹出窗口吗。。 我已经在谷歌上找到了一些可能对我有帮助的代码,但对我来说不起作用。。 我正在与cakephp合作

这是html代码

<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;
}