覆蓋圖像顯示像全景

我正在尋找如何覆蓋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

覆蓋圖像顯示像全景

回答

相關問題