將尺寸調整爲小尺寸時頁面內容會變形

我已將寬的背景圖像放置在：site page。現在，當我通過減小寬度來調整瀏覽器的大小時，右邊欄與美麗的背景混合在一起。將尺寸調整爲小尺寸時頁面內容會變形

我想要的是，要隱藏的bg圖像的重疊部分以及每當縮小尺寸時定位在該部分上的側欄，以便它看起來不會在小屏幕上混淆。

任何想法？

來源

2011-07-08 AgA

你的側邊欄可以使用一個堅實的背景，所以

div#sidebar-right{background:white;}

編輯

您也可以添加內聯樣式，這隻會影響主頁：

<div id="sidebar-right" class="sidebar" style="background:white;">

來源

2011-07-08 12:41:24

這是一個drupal站點，我不想修改核心代碼。任何其他想法？ – AgA

看我上面的@AgA編輯。只需將其添加到主頁，你應該沒問題。 –

是的，它的工作。我很好奇爲什麼！你也可以告訴我它是否會影響網站中的任何其他頁面？ – AgA

爲什麼你的圖片不是HTML？你可以申請max-width:100%;。

來源

2011-07-08 12:24:14 MatTheCat

你是什麼意思？將bg圖像放入 AgA

您可以簡單地將background-color: white;放入您的.sidebar的CSS中。它必須稍微調整一下，但它會解決你最初的問題。

這裏關注的是，側邊欄卻沒有背景......

來源

2011-07-08 12:40:53 Steeven

謝謝，你能看到我上面的評論嗎？ – AgA

？你不必「修改核心代碼」。如果你根本無法使用任何CSS，這將是一項艱鉅的任務。你有什麼選擇和編輯工具的工具？你不要在你的問題上說。現在，發生的情況不存在任何代碼問題 - 您只需在側邊欄上沒有背景，您將始終能夠看到背後的內容。你必須設置一個背景或者設置一個更大的邊距，所以側邊欄永遠不會結束任何其他事情。 – Steeven

你的解決方案是正確的，謝謝！我編輯了這個css文件，很抱歉混淆。 – AgA

將尺寸調整爲小尺寸時頁面內容會變形

回答

相關問題