Question

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

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

幻灯片放映包含具有边框半径和阴影的绝对定位图像：

#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很好地指导我解决方案：我确实使用program jAlbum and my Slide Show 4 skin再次生成了专辑，但将最大高度限制为230px。它也可以用css解决：

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