调整为小尺寸时,页面内容会扭曲

时间:2011-07-08 06:30:03

标签: css

我在site page放置了一张背景图片。现在,当我通过减小宽度调整浏览器大小时,右侧边栏与美丽的背景混合在一起。

我想要的是,每当大小减小时,要隐藏的bg图像的重叠部分和侧边栏都要定位在该部分上,以便它看起来不会在较小的屏幕上混合。

有什么想法吗?

3 个答案:

答案 0 :(得分:1)

为什么你的图片不是HTML? 您只需将max-width:100%;应用于此。

答案 1 :(得分:1)

您只需在background-color: white;的CSS中添加.sidebar即可。它必须稍微调整一下,但它会解决你最初的问题。

这里的问题是边栏实际上没有背景......

答案 2 :(得分:1)

您的侧边栏可以使用纯色背景,所以

div#sidebar-right{background:white;}

修改

您还可以添加内联样式,该样式仅影响主页:

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