0

如需参考,请参阅本网站

我想使用仿列方法来确保#secondary 侧边栏的蓝色背景延伸到其父级的底部:#main。

但是,当我使用 Firefox 开发人员工具响应式视图并减小视口的宽度时,#secondary 的宽度变为 %,但 #main 的背景图像保持固定,因此背景图像的蓝色部分渗入了 #primary 内容区域。

我曾经读过一篇文章,有人使用假列的方法,并且能够在视口缩小时将背景图像的位置设置为缩小,从而使背景图像的颜色变化始终与右侧对齐#secondary 侧边栏的。

我知道您可以将背景位置设置为 %,但这会将图像左侧的特定点 x% 与其父级左侧的点 x% 匹配,因此它始终保持在相同的位置无论您指定什么百分比。

4

1 回答 1

0

正如袋鼠所写,解决方案是设置:

background-size:contain;

对于#main。

IE9+、Firefox 4+、Opera、Chrome 和 Safari 5+ 支持此 CSS 属性。

于 2013-09-08T09:37:54.270 回答