Kickstarter像主頁中的堆疊圖像背景

我想模仿kickstarter.com中使用的堆疊圖像。我的問題是圖像不會在屏幕上溢出。箭頭指出剩餘的空間充滿圖像。Kickstarter像主頁中的堆疊圖像背景

這裏是圖像 http://postimage.org/image/9we1jinkz/

HTML：

<div id="projectGrid"> 
    <div class="project"><a href="thumbLink"><img src="img/p1.png" /></a></div> 
    <div class="project"><a href="thumbLink"><img src="img/p2.png" /></a></div> 
</div>

CSS：

.project {float:left;overflow:hidden;} 
#projectGrid { 

background: none repeat scroll 0 0 #222222; 
overflow: hidden; 
position: absolute; 
z-index: 6; 
}

來源

2012-09-19 Falconerie B Badayos II

是否有可能使容器更寬以合併偶數個圖像？ –

可否請你糾正你的英語，因爲我不明白你想達到什麼目的？你是什麼意思你的圖像不溢出？ –

您需要添加一個外部容器的projectGrid將採取總量的80％屏幕的寬度，然後你的內容的其餘部分設置在一個較小的寬度。這是非常基本的CSS佈局。顯然你複製粘貼一些HTML和一些CSS的kickstarter.com網站。我強烈建議您在嘗試實現這些複雜佈局之前研究CSS如何工作。 http://tinkerbin.com/fVhY1DHr

來源

2012-09-19 08:54:43

Kickstarter像主頁中的堆疊圖像背景

回答

相關問題