css - 流体布局与背景图像

我的图像宽度为1020像素，并且垂直重复（按照css）。这会在包含div的边缘创建一个漂亮的阴影。问题是当div缩小时，图像不会随着包含div而缩小？我需要图像缩小与div，但它保持固定的宽度？在使用px构建多年后，我对流体布局不熟悉了！欢迎任何想法。

请注意，我无法创建小提琴，因为我找不到加载shadow.jpg文件的方法！

代码在这里：

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Stuck!</title>

    <style type="text/css">
        #main-container {margin: 0px auto; border: 2px solid blue; width: 100%; max-width: 1020px; background-image: url(shadow.jpg); background-repeat: repeat-y;}
    </style>
</head>

<body>

    <div id="main-container" style="height: 1228px"></div>


</body>
</html>

流体布局与背景图像

0 个答案: