gpt4 book ai didi

javascript - 隐藏元素,但为那个地方显示空白

转载 作者:行者123 更新时间:2023-11-28 04:23:45 25 4
gpt4 key购买 nike

任何人都可以解释我应该修改什么,隐藏图像后,如何仍然将 div 保持为空白,没有内容,但宽度和高度与图像相同,

具体示例:http://jsfiddle.net/rJuWL/1/

所以隐藏之后,Second!来到第一!但我需要保持它第一的!空白的第二!

HTML

<html>
<body>
<div>First!</div>
<div class="loading">
<img id="loading" src="http://preloaders.net/preloaders/284/preview.gif" class="none"/>
<div>Second!</div>
</div>
</body>

CSS

.none{display:none}
.loading{width: 32px;height:32px;}

Javascript

showLoading();    
function showLoading() {
$("#loading").hide();
$("#loading").show().delay(2500).fadeOut('10');
}

最佳答案

不要用display:none隐藏它,设置visibility:hidden

display:none 会将其从 DOM 流中取出。将 visibility 更改为 hidden 会将其保留在那里,但模拟将 opacity 设置为 0。

这是一个快速演示,可以让您的fadeOut http://jsfiddle.net/AlienWebguy/5cwE7/

关于javascript - 隐藏元素,但为那个地方显示空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10609304/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com