Question

我目前正在构建此网站： http://hissvard.altervista.org/3DHC/index.php
页面中的“Iscriviti”按钮触发幻灯片动画，显示另一个包含注册表单的div 问题是，这个div的背景只出现在动画中，之后变得透明我做错了什么？

https://jsfiddle.net/hqqr548m/

#signup-container {
    display: none;
    -webkit-box-shadow: inset 0px 7px 13px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 7px 13px -4px rgba(0,0,0,0.75);
    box-shadow: inset 0px 7px 13px -4px rgba(0,0,0,0.75);
    background-color: white;
    width: 100%;
    margin-top: 50px;
}

Answer 1

您可以尝试在de动画之前设置背景图片吗？

 $('#signup-toggle').click(function() {
    $('#signup-container').css('background-image', 'url(http://hissvard.altervista.org/3DHC/images/bg.jpg )')
        $('#signup-container').slideToggle('slow');

        $('html, body').animate({ scrollTop: $('#signup-container').offset().top }, 'slow');
    });

Answer 2

将事件更改为设置

display:table;

而不是

display: block;

点击#signup-container的按钮。子div溢出父母的div，因为他的身高为零。

div背景仅在jQuery幻灯片动画期间出现

2 个答案: