小编L84*_*L84的帖子

CSS3动画和显示无

我有一个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)

css css-transitions animate.css

63
推荐指数
5
解决办法
22万
查看次数

@import vs link

首先我知道标题说这是一个重复的问题,在这里,这里这里问.我在这个主题上读到的所有内容都已超过两年了.那个时期有很多变化,所以同样的想法仍然可取吗?

这是一个例子,我在样式表中使用@import来引入我的重置CSS和其他几个样式.我应该改变,从@import<link>?根据这篇文章,我应该使用链接.所以我问其他开发者,到目前为止最真实的方式是什么(2011年8月25日)

css import

58
推荐指数
1
解决办法
3万
查看次数

Facebook网站的URL?

我正在使用我正在创建的应用程序时收到此错误:

错误

您已指定应用程序域,但尚未指定站点URL或移动Web URL

yoursite.com必须来自您的站点URL或您的移动Web URL.

我在哪里指定网站网址?我找不到任何地方.

提供详细的说明,因为FB可能很难找到东西.

应该有一个网站标签,在哪里?

截图:

FB中菜单选项的屏幕截图

facebook

53
推荐指数
4
解决办法
6万
查看次数

href ="#"返回页首 - 预防?

我有一个页面包含一些jQuery函数.页面上的HTML看起来像这样:

<a href="#" class="service">Open</a>
Run Code Online (Sandbox Code Playgroud)

当我单击"打开"按钮时,隐藏的面板会滑出.jQuery本身效果很好但是当我点击按钮时它也会把我带到页面顶部.

这是defualt行为,我如何防止每个人href="#"把我带到页面顶部.

注意:我可以添加id并告诉href指向该ID.我不想出于各种原因(包括添加不必要的代码)这样​​做.

anchor href hashtag

47
推荐指数
3
解决办法
5万
查看次数

jQuery检查/取消选中单选按钮onclick

我有这个代码来检查/取消选中一个单选按钮.

我知道这对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.

javascript jquery radio

40
推荐指数
4
解决办法
23万
查看次数

使用CSS规则"text-rendering:optimizelegibility"是否安全?在所有文字?

我注意到这个woo主题例如它设置在HTML标签上,因此整个网站的文本都设置了它.我读到它可能会导致性能问题,但那是一段时间以前.有些人建议只将它添加到标题和大文本中.

规则现在改变了吗?浏览器是否表现良好?

css fonts text-rendering

40
推荐指数
3
解决办法
3万
查看次数

textarea溢出时打印

我有一个带有一些文本区域的表单,当文本超出文本框时允许滚动条.用户希望能够打印屏幕,并且此文本不可见.如何仅打印所有文本?我最好是打印到PDF链接还是什么?

html printing textarea

39
推荐指数
2
解决办法
3万
查看次数

使用HTML 5和JS创建降雪

我参观了Stack Exchange Winter Bash网站,我喜欢飘落的雪花!我的问题是,如何重新创建一个看起来不错的类似效果.我试图对代码进行逆向工程,看看我是否可以搞清楚,但是那里没有运气.JS是我的头脑.我做了一些谷歌搜索,并遇到了一些例子,但他们没有SE网站那么优雅,或者看起来不是很好.

任何人都可以提供有关如何复制SE Winter Bash网站创建的内容或我可能学习如何执行此操作的地方的说明吗?

编辑:我想尽可能地复制效果,IE:雪花落雪,能够移动鼠标,让雪随着鼠标瞬间移动或旋转.

javascript html5 canvas

36
推荐指数
1
解决办法
5万
查看次数

使用javascript来检测在iframe中显示之前是否存在url

我正在使用javascript将动态网址传递给iframe src.但有时网址不存在,我怎么能事先检测到不存在的网址,以便我可以隐藏带有404错误的iframe.

javascript iframe http-status-code-404

35
推荐指数
5
解决办法
10万
查看次数

Respond.JS在IE 8中不起作用

由于某种原因,似乎响应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

35
推荐指数
4
解决办法
6万
查看次数