2009-10-23 57 views
0

我在試圖建立一個博客。我想創建一個設計,當您將瀏覽器手柄向右拖動時滑動出更多的圖片,並在您將瀏覽器手柄拖動到左側時滑入某個點。你如何做到這一點在CSS?當瀏覽器變大時,在瀏覽器左側「滑出」的設計?

編輯: 我想你可以使用一個浮動:右,寬度:100%,溢出:隱藏,組合或東西..

謝謝! 馬特·穆勒

+0

也許我沒有正確理解你,但我不認爲這可以在CSS中完成,或者至少不能以符合大多數瀏覽器的方式完成。 – 2009-10-23 05:00:16

回答

1

好。我知道我錯過了一些東西。也許我只是沒有很好地解釋這個問題。無論哪種方式......這就是我所做的。

#header { 
background('header.png') top right repeat-x 
width: 100%; 
} 

現在只要我確定背景是可重複的,我就會保持良好狀態。

0

您將需要使用JavaScript。你的意思是滾動條中的瀏覽器句柄?

考慮到手持系統上有多少網絡被訪問,這也可能是一個壞主意。另外,如果每次調整大小時都會移動大圖像,則性能可能會受損。

+0

我的意思是當我說拖動手柄時調整瀏覽器窗口的大小。 – Matt 2009-10-23 05:07:30

+0

如果您使用背景,您可以設置其位置。當您調整瀏覽器大小時,它會隨着移動而滑動(例如,通過定位瀏覽器中心或右側)。 – Fenton 2009-10-27 15:38:27

0

您必須使用javascript爲窗口對象連線onresize事件。

window.onresize

的窗口resize事件 事件處理程序。

相關問題