将尺寸调整为小尺寸时页面内容会变形

我已将宽的背景图像放置在：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

将尺寸调整为小尺寸时页面内容会变形

回答

相关问题