水平滾動網站響應？

我在網上搜索了一個製作水平滾動網站的答案（即：http://nquinones.4ormat.com/fashion-1），但沒有成功響應。水平滾動網站響應？

HTML：

<div id="horizontal"> 
    <div class="picture"> 
     <img src="pic01.jpg" /> 
    </div> 
    <div class="picture"> 
     <img src="pic02.jpg" /> 
    </div> 
    <div class="picture"> 
     <img src="pic03.jpg" /> 
    </div> 
</div>

CSS：

#horizontal { 
    width: 2000px; 
} 

.picture { 
    float: left; 
} 

img { 
    height: auto; 
    max-width: 100%; 
}

我真的失去了對這個。任何幫助，將不勝感激。

謝謝

來源

2013-10-16 user1991185

你可能想要定義什麼，當你說「水平滾動響應」意味着什麼？這是否意味着如果圖片的行比屏幕寬，你會得到一個滾動條？ –

像這樣的東西：http://nquinones.4ormat.com/fashion-1 – user1991185

我不知道我會叫什麼。當一直滾動時，第一個圖像的偏移量足以顯示左邊距文本。當圖像水平滾動時，它們佔據整個寬度，左側邊緣區域看起來是半透明窗格，通過該窗格可以看到圖像區域的左側，儘管模糊不清。非常酷的效果。 –

也許只是在所有其他圖像之前在左邊放置一個純白色圖像。使其足夠寬，以便在圖像完全展開時，白色部分會落在左側導航部分的後面。

<div id="horizontal"> 
    <div class="picture"> 
     <img src="allwhitebox.jpg" /> 
    </div> 
    <div class="picture"> 
     <img src="pic01.jpg" /> 
    </div>

你在我的後腦勺做的半透明的東西不透明度

#left-margin { 
    opacity:0.4; 
    filter:alpha(opacity=40); /* For IE8 and earlier */ 
}

東西說，你將需要：

.picture { 
    float: left; 
    display: inline-block 
}

來源

2013-10-17 17:30:32

只是谷歌的「Metro UI的模板」 &下載它從第一個結果顯示...

研究它&去試驗....

來源

2013-10-17 17:59:55 Vikram

水平滾動網站響應？

回答

相關問題