html - iframe 底部缺少框阴影

Question

我有这个幻灯片放映：http ://andrewolff.jalbum.net/Nepal/在 iF​​rame 中运行：

<iframe src="http://andrewolff.jalbum.net/Nepal/" frameborder="0" scrolling="no" height="240" width="100%" ></iframe>

在此页面上显示的表格中：http ://www.andrewolff.nl/TestAlbum/EmbeddedAlbums/

幻灯片由具有边框半径和阴影的绝对定位图像组成：

#slideimage {
  border-radius: 7px;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

这工作正常，除了阴影在底部不起作用。我已经尝试在图像周围留出 10px 的边距，但这并没有帮助。10px 的填充也无济于事。我也玩了z-index没有结果。谁知道解决办法？

Answer 1

只是给出高度并让它变得重要。它将开始工作

#slideimage
{
   height:200px !important;
}

Answer 2

好吧，Gurmatpal 引导我找到了解决方案：我确实使用程序 jAlbum 和我的 Slide Show 4 皮肤再次生成了相册，但将最大高度限制为 230 像素。也可以用css解决：

#slideimage {
  border-radius: 7px; box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
  max-height:230px !important; 
}