我在一个客户网站上工作,正面临一个巨大的问题。我有一个具有 repeat-x 属性的背景图像,我需要调整它的大小以调整窗口大小(就像响应图像的行为一样,但现在有背景)
所以代码大致是这样的:
<style>
body {padding: 0px}
#wrapper { background: url("images/barra.fw.png") repeat-x scroll 0px 115px transparent !important;}
</style>
<body>
<div id="wrapper">
<div id="pagelayout">
Lorem ipsum
</div>
</div>
为了澄清我想要的是垂直调整背景图像以保持比例。该网站是这个:http://supersorriso.pt。
PS:已经试图搞砸一切,无法弄清楚出了什么问题,或者这是否可能。