覆盖图像显示像全景

我正在寻找如何覆盖CSS中的任何图像显示为全景。我找不到建立它的正确逻辑。也许通过隐藏高地，但这种方式并没有帮助我。覆盖图像显示像全景

解决了..还有一个想法把我带到了清除我的问题..无论如何，如果有人需要在这里是解决

<div style="position: relative; height:100px; overflow:hidden"> 
    <img src="photo.jpg" style="margin-top:-50px;" /> 
</div>

只需设置div标签的高度和纠正边距图像位置。

如果有人有另一种方式，请分享。谢谢

感谢其他回覆我的人。

来源

2013-05-15 user2036282

你尝试过什么到目前为止的例子吗？我认为你应该改善你的问题。 – aimbire

有点不清楚你在做什么。你能展开或展示类似的例子吗？ –

请不要在你的问题中发布答案，如果你认为他们对社区有用，你可以回答自己的问题。删除问题，否则... –

图像的任何规模大小将是下面的CSS中的示例：

div{ 
    overflow: hidden; 
    padding-bottom: 56.25%; 
    padding-bottom: calc(100%*9/16); 
    position: relative; 
} 

div img { 
    top: 0; 
    bottom: 0; 
    position: absolute; 
    width: 100%; 
    margin: auto; 
}

你可以看到http://jsfiddle.net/poselab/9vWU8/4/

来源

2013-05-15 15:22:40 PoseLab

覆盖图像显示像全景

回答

相关问题