javascript - float 中的绝对定位元素

标签 javascript html css css-float css-position

我有一堆 imgs 相互重叠,根据需要显示/隐藏。为了让这些图像重叠,我不得不使用 position:absolute(我在它们之间淡化,所以我一次至少需要两张图像重叠)。他们的容器 div 是 float 的,但图像的高度不同,所以我无法在此父容器上设置固定高度。我需要他们的容器准确地反射(reflect)他们的高度,因为有另一个 float 的 div 清除需要位于图像下方的容器,无论它的高度是多少。

有没有什么方法可以在不使用 javascript 为每个图像适当调整容器高度的情况下实现这一目标?

这是当前页面的链接。我正在使用具有相同高度的图像,但我希望能够改变图像的高度。

http://www.unwalked.com/

最佳答案

如果您不让所有子图像都绝对定位,而只是暂时将 position: absolute; 设置为正在淡出的图像,会怎样?这样容器自然会调整大小以适合事件图像。

关于javascript - float 中的绝对定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9972928/

相关文章:

javascript - 单击按钮后为拖放angularjs实现CSS3样式

asp.net - .Net - Visual Studio 2010 无法识别 ASP 页面上的某些 HTML 和 CSS 元素

css - 如何将多个类合并为一个?

html - 有多张图片时,如何只在单张图片上应用CSS动画?

html - 如何抑制图标的突出显示?

javascript - 当类型更改时,是否可以防止将光标移动到输入字段的开头?

javascript - 将 POST 数据 react 到 ASP.Net

javascript - 检查数组是否为空时,应该使用 array.length <= 0 还是 array.length === 0?

html - 为什么 chrome 停止打开 bxslider div 中嵌入的 <a href 超链接

javascript - 扩展以前解决方案中的表行问题