我有一个CSS 3动画的div在一段时间后滑入.我想要的是几个div来填充滑动的动画div的空间,然后它会将这些元素推向页面.
当我在第一个div处尝试此操作时,即使不可见,滑动仍会占用空间.如果我将div更改为div display:none则根本不会滑入.
在定时进入之前,我如何让div不占用空间(使用CSS作为时间.)
我正在使用Animate.css进行动画制作.
这是代码的样子:
<div id="main-div" class="animated fadeInDownBig"><!-- Content --></div>
<div id="div1"><!-- Content --></div>
<div id="div2"><!-- Content --></div>
<div id="div3"><!-- Content --></div>
Run Code Online (Sandbox Code Playgroud)
如代码所示,我希望隐藏主div,其他div最初显示.然后我有以下延迟设置:
#main-div{
-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
Run Code Online (Sandbox Code Playgroud)
正是在这一点上,我希望主要的div能够推动其他div进入.
我该怎么做呢?
注意:我已经考虑过使用jQuery来做这个,但我更喜欢使用严格的CSS,因为它更平滑,时间控制得更好.
编辑
我尝试过Duopixel建议但是我误解了并且没有正确地做到这一点或者它不起作用.这是代码:
HTML
<div id="main-div" class="animated fadeInDownBig"><!-- Content --></div>
Run Code Online (Sandbox Code Playgroud)
CSS
#main-image{
height: 0;
overflow: hidden;
-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
#main-image.fadeInDownBig{
height: 375px;
}
Run Code Online (Sandbox Code Playgroud) 我正在使用我正在创建的应用程序时收到此错误:
错误
您已指定应用程序域,但尚未指定站点URL或移动Web URL
yoursite.com必须来自您的站点URL或您的移动Web URL.
我在哪里指定网站网址?我找不到任何地方.
提供详细的说明,因为FB可能很难找到东西.
应该有一个网站标签,在哪里?
截图:

我有一个页面包含一些jQuery函数.页面上的HTML看起来像这样:
<a href="#" class="service">Open</a>
Run Code Online (Sandbox Code Playgroud)
当我单击"打开"按钮时,隐藏的面板会滑出.jQuery本身效果很好但是当我点击按钮时它也会把我带到页面顶部.
这是defualt行为,我如何防止每个人href="#"把我带到页面顶部.
注意:我可以添加id并告诉href指向该ID.我不想出于各种原因(包括添加不必要的代码)这样做.
我有这个代码来检查/取消选中一个单选按钮.
我知道这对UI不好,但我需要这个.
$('#radioinstant').click(function() {
var checked = $(this).attr('checked', true);
if(checked){
$(this).attr('checked', false);
}
else{
$(this).attr('checked', true);
}
});
Run Code Online (Sandbox Code Playgroud)
上述功能无效.
如果我点击按钮,则没有任何变化.它仍然是检查.为什么?错误在哪里?我不是jQuery专家.我在jQuery 1.3.2上
要清楚的#radioinstant是单选按钮的ID.
我注意到这个woo主题例如它设置在HTML标签上,因此整个网站的文本都设置了它.我读到它可能会导致性能问题,但那是一段时间以前.有些人建议只将它添加到标题和大文本中.
规则现在改变了吗?浏览器是否表现良好?
我有一个带有一些文本区域的表单,当文本超出文本框时允许滚动条.用户希望能够打印屏幕,并且此文本不可见.如何仅打印所有文本?我最好是打印到PDF链接还是什么?
我参观了Stack Exchange Winter Bash网站,我喜欢飘落的雪花!我的问题是,如何重新创建一个看起来不错的类似效果.我试图对代码进行逆向工程,看看我是否可以搞清楚,但是那里没有运气.JS是我的头脑.我做了一些谷歌搜索,并遇到了一些例子,但他们没有SE网站那么优雅,或者看起来不是很好.
任何人都可以提供有关如何复制SE Winter Bash网站创建的内容或我可能学习如何执行此操作的地方的说明吗?
编辑:我想尽可能地复制效果,IE:雪花落雪,能够移动鼠标,让雪随着鼠标瞬间移动或旋转.
我正在使用javascript将动态网址传递给iframe src.但有时网址不存在,我怎么能事先检测到不存在的网址,以便我可以隐藏带有404错误的iframe.
由于某种原因,似乎响应JS不起作用.我在IE 8中使用媒体查询来更改各种大小的显示器的背景图像.在IE 8中没有背景,只有纯色.
代码如下所示:
<!--[if lt IE 9]>
<script type="text/javascript" src="/js/html5-shiv.min.js"></script>
<script type="text/javascript" src="/js/respond.min.js"></script>
<![endif]-->
Run Code Online (Sandbox Code Playgroud)
Media Query看起来像这样:
@media (min-width:769px) and (max-width:1366px){
html, body{
background: url(/images/backgrounds/1366-bg.jpg) no-repeat center top fixed #190303;
background-size:100% auto;
}
}
Run Code Online (Sandbox Code Playgroud)
有没有理由上面的代码在IE 8中不起作用?我应该尝试使用另一个JS来使IE 8媒体查询工作吗?
注意:似乎html5-shiv确实有效.我正在测试一个实时Web服务器.
internet-explorer css3 internet-explorer-8 media-queries respond.js