開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

Wix 編輯器:變更背景圖片的縮放比例、位置和不透明度

新增背景圖片可讓頁面更引人注目。只要稍作調整,就能打造專屬風格。例如,變更圖片的縮放比例和位置、新增捲動效果,或調整圖片本身的不透明度。

變更頁面背景圖片的不透明度

不透明度與透明度相反。讓圖片變暗時,不透明度就會提高。您可提高或降低背景圖片的不透明度。

若要變更背景圖片的不透明度:

  1. 前往編輯器中的相關頁面。
  2. 點擊編輯器左側的「網站設計」。
  3. 點擊「頁面背景」。
  4. 選擇要執行的操作:
    • 預設圖片:從可用選項中選擇預設圖片
    • 上傳圖片:按照步驟上傳新圖片。
      • 點擊「圖片」。
      • 點擊「上傳媒體」。
      • 使用偏好的方式上傳圖片。
      • 點擊「變更背景」。
  5. 點擊圖片背景預覽中的「設定」。
    注意:只有在選擇或上傳圖片後,才會顯示「設定」。
滑鼠游標停留在頁面背景設定上,並顯示色彩、圖片和影片背景選項的畫面截圖
  1. 拖曳「圖片不透明度(%)」滑桿,調整圖片的可見程度。
  2. (選填)點擊「圖片後方色彩」色彩方塊,然後選擇色彩。

為背景圖片新增捲動效果

為圖片新增捲動效果,增添獨特風格。您可選擇新增視差捲動或凍結效果。這些效果有何不同?
視差捲動會讓前景和背景同時移動,但背景移動速度較慢,營造出景深效果。新增凍結捲動效果後,訪客上下捲動時,頁面背景會保持不動,只有上方內容會移動。

若要新增捲動效果:

  1. 前往編輯器中的相關頁面。
  2. 點擊編輯器左側的「網站設計」。
  3. 點擊「頁面背景」。
  4. 點擊「設定」。
  5. 選擇捲動效果:
    • 無:沒有捲動效果。
    • 視差:頁面背景與上方內容會以不同速度移動,為訪客帶來有趣又吸睛的體驗。
      注意:行動版網站不會顯示視差捲動效果。
    • 凍結:訪客上下捲動時,頁面背景會維持不動,只有上方內容會移動。
背景圖片設定的螢幕截圖,其中「無」、「視差」和「凍結」捲動效果選項以醒目方式顯示。

變更背景圖片縮放比例和位置

變更背景的縮放比例和位置,以符合不同的畫面大小。您可選擇讓背景圖片填滿整個畫面,或維持特定寬度和高度,使圖片符合畫面比例。

變更圖片縮放比例和位置:

  1. 新增圖片背景。
  2. 點擊背景圖片,然後點擊「變更背景」。
  3. 點擊「設定」。
顯示變更圖片背景選項的螢幕截圖。
  1. 在「圖片如何縮放?」下方選擇選項:
    • 填滿:僅在桌面畫面上,系統會調整背景圖片大小以符合畫面尺寸。在行動裝置畫面上,圖片則會維持原始比例。
    • 圖塊:背景圖片會以圖塊形式排列並顯示於整個畫面。
  2. 在「圖片放在哪裡?」下方的格線中選擇位置。
想尋找更多設計靈感嗎?
Wix design hub 是尋找靈感和網站設計趨勢的絕佳資源。