引述 :『解決方案 是否有可能結合圖像和CSS來創建的無JavaScript的捲軸呢？這種解決方案是基於WellStyled.com.2中所描述的技術。 從圖4.23中可以看出結果，如果你想要享有充分的效果，我建議你自己試試吧。不要忘記點擊一個鏈結或兩個。 Figure 4.23. Using images to advantage in the completed menu 討論 該方法提供了一個不用求助許多單獨的檔而又可以使用導航中圖像的手段。 該導航有三個狀態，但這三種狀態並沒有用三張獨立的圖像來描述，是用一張包含這三種狀態的圖像來描述的。圖4.24說明瞭這一點。 導航被做成一簡單的列表： 我們在導航宣傳欄內控制背景圖像的顯示。然而，圖像遠遠大於這一因素所需的面積，最初我們只能看到黃色。 當懸停狀態被啟動時，背景圖像的圖元就會上升到所需要的圖元。在這個例子中，我不得不將它移到了69圖元，但是這個數位將取決於你所使用的圖像。也許你可用數學方法解決這一問題，或者你可以像我這樣做，只是增加背景位置的圖元，直到它在正確的位置盤旋。 活躍的狀態被啟動時，背景圖片再次轉變，這一次，當鏈結被點擊顯示青椒： 就是這麼簡單！如果用戶把文本流覽器調整為更大的字體，邊緣被隱藏的圖示也會顯示出來。在一定程度上，你可以通過在三張圖像之間留下相當大的空間來預測這種可能性。 』