Question

通过简单混合HTML，CSS和JS来实现时间轴效果。 http://iamced.net/2014-1/timeline/index2.html

在父div中隐藏图像时，由于某种原因图像完全隐藏（作为转换的一部分）。我怎么添加另外20％的高度，以便图像完全隐藏？

Answer 1

在你的身体里放一些东西：

<div id="pic_1></div>

然后将jscript添加到文档的头部：

<script type="text/javascript" src="js/jquery.min.js"></script>

使用（示例）：

更改空标记的内容

$("#pic_1").hide();

别忘了号码...... 尽管网络上有其他意见，但背景图像的变化并不适用于我并干扰其他背景图像。

Answer 2

您的文件正文：

<div id="pics"></div> /* unimportant where - you are seperating code */
                      /* from content in css too... */

CSS：

#pics{
background:url(../rel/path/to/the/pic_1.jpg); /* path goes far from your html */
                                              /* if 'one floor down' it's ../ */
width:100px;
height:100px; /* width&height are mandatory and need to match exact */
}             /* scale your images accordingly */
              /* positioning is still needed with top, left or whatever */

脚本：

function change_pic{
var tag=$("#pics")
tag.css("background", "url('../path/to/your/next/pic_2.jpg')");
}

如果你想隐藏它，你就不需要一个明确的功能：

$("#pics").hide();

进行。

当然，你可以用几张图片来做到这一点。但是这里经常讨论整个废话。你似乎是一个懒惰的拖拉机＆＃39;就像我一样。

需要完全隐藏CSS Div中的图像

2 个答案: