我有一个幻灯片，各种各样，使用jQuery触发并循环遍历ul中的图像。图像采用CSS设计，绝对定位为重叠，随意淡化和淡化。
问题
我给每张图片的最大宽度为100％，作为我的响应式设计的一部分，ul为静态高度，但当然图像会根据屏幕尺寸改变高度。
解决方案
可以用jQuery检查图像加载后的尺寸并相应地调整尺寸 - 但这会导致图像加载时出现令人讨厌的闪烁。
是否有CSS解决方案？
通过这个jsFiddle解释了很多：http://jsfiddle.net/eddturtle/vvsDh/1/
答案 0 :(得分：1)
您可以通过使用背景图像来提出某些内容，因为CSS3具有“背景大小”属性，您可以将其设置为“覆盖”。 Here's the doc
我可能会隐藏您的图像列表，而是为每个过渡创建一个图像持有者并设置它的CSS背景属性。让这个新的持有者淡入，并使用fadeIn函数的回调从DOM中删除以前的持有者。我可以为你编辑小提琴，如果你需要我，可以运行这个解决方案。
EDIT ***
你好，老兄。这应该完全按照您的需要工作。因为它现在是背景图像设置为覆盖，这将确保图像填充整个区域。如果要确保显示整个图像并限制比率，请使用包含。您需要做的就是将父级#slideshow高度调整为您需要的高度。