Question

这可能是两个问题，我将与实际问题进行讨论。我想建立一个简单的网站，这主要是关闭图片。这些图片设置为自动调整大小在1280px和640px之间 - 工作正常。但是现在我希望有一个div在每个图片上方滑动，一旦你将它悬停在它上面。滑入可以用css或java存档，我知道，问题是带文本的div不像图片那样调整大小。换句话说，将其设置为100％高度和100％宽度并不能将其固定到图片大小。有没有办法让它总是与它下面的图片大小相同？！

现在高度设置为360px，因为这就是我离开它的方式，但这里是我的testpage的链接，所以你可以看看我的意思。

www.panorama-publishing.de/theme-dev

提前谢谢！如果您需要更多细节，请告诉我。

Answer 1

为什么不调整包含图片而不是其他div的div（如果愿意，可以将其称为叠加层）。然后你可以将图片设置为父div的100％，如果你很懒，那么叠加可以从上到下滑动，并且与整个屏幕一样大。只要您将oveflow: hidden;设置为父元素，一切都会很棒。这就是我的意思：

JSFIDDLE

Answer 2

我在与bigg css库和有时难以调整风格的元素进行斗争时遇到过这个问题。这个jQuery解决方案帮助了我，我基本上使元素的宽度遵循目标元素宽度的宽度。

function resize_follower() {
    $(".follower").width($(".some-size").width());
}

$(window).resize(function () {
    resize_follower();
});

$(document).ready(function () {
    resize_follower();
});

Example fiddle here

让图片上方的div与它具有相同的高度

2 个答案: