在右边和左边的背景图象

时间:2011-08-02 05:29:21

标签: html css css-float background-image

如何让它发挥作用?

<html>
<head>
<style type="text/css">
.left
{
float: left;
background-image: url('image_with_variable_width.png');
background-repeat: repeat-y;
}
.right
{
float: right;
background-image: url('image_with_variable_width_flipped.png');
background-repeat: repeat-y;
}
</style>
</head>
<body>
<div class="left"></div>
<div class="right"></div>
</body>
</html>

2 个答案:

答案 0 :(得分:5)

如果div为空,则不会出现任何内容,因为它们的高度和宽度为零。要显示背景图像,请指定高度和宽度。

答案 1 :(得分:1)

为DIV添加高度和宽度。