我要为firefox开发一个插件,但是我对设计有疑问。为了解释下图中的情况,您会看到一个弹出框,其中有一个深灰色框。我从上到下对这个框进行了动画处理,因此它在弹出窗口中缓慢移动。这是一个div,我希望该div位于白色主体上。因此,div处于动画状态,后面的所有内容都不可见,但是div具有与主体相同的宽度和高度。您仍然可以看到身体的左右,上下以及底部,但是为什么呢? div是否超出了车身设计,我该怎么做? 图片:http://prntscr.com/puo44r
那是我的代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<style>
body {
background-color: white;
width: 385px;
height: 520px;
text-align: center;
}
.kw_popup {
display: none;
background-color: #333;
width: 385px;
height: 520px;
z-index: -1;
}
</style>
<body>
<div class="kw_popup" id="kw_dark">
</div>
</body>
<script src="jquery.min.js"></script>
<script>$(document).ready(function () {
$("#kw_dark").slideDown("slow");
});</script>
</html>