顶部的图像溢出？

Question

我有一个网站，我正在努力，并试图让图像溢出在顶部，并在底部对齐。

http://mytempsite.net/raven/

眼下DIV是500PX高，当图像比这更大的它的溢出在底部隐藏。问题是它使图像看起来很奇怪。我需要它的图像伸展，因为我正在使网站响应，我知道的图像变得模糊，但这些只是临时图像。

我的问题是，有没有办法让图像的底部对齐，并像固定在DIV的底部，然后当它被拉伸得更大时，它会像页面顶部一样溢出？

Answer 1

我想你试图让图片的底部显示而不是顶部？如果是这种情况，请在选择器#myGallery img上将图像的位置更改为底部而不是顶部。

#myGallery img { 
    display:none; 
    position:absolute; 
    bottom: 0; // change this from top to bottom 
    width: 100%; 
    left:0; 
} 

Answer 2

我建议从你的DIV移除高度，移除位置：从您的图片绝对的，因为你需要的图像的高度来定义DIV，事无大小的高度。

在响应幻灯片，我已经开始做下面的CSS：

.slide { 
    width: 100%; 
    float: left; 
    margin-right: -100%; 
} 

这使您可以堆叠在一起彼此，就像绝对定位的做法，但在DIV回应幻灯片的高度。

你也有白色褪色的底部，不过，我想这是你的问题，你想对较小的观点，即褪色工作的部分原因。

为此，img＃fadeimage应该有position: absolute; bottom: 0; height: 100%，但您也可能需要构建图像，以便顶部有更多的空白空间。