Background image on right and left side

Question

How do I get this to work?

<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>

Answer 1

If the divs are empty, then nothing will appear because their height and width are zero. To make the background images appear, specify a height and width.

Answer 2

添加DIV的高度和宽度。

Background image on right and left side

Question

2 answers

solution1
5 ACCPTED 2011-08-02 05:35:37

solution2
1 2011-08-02 05:35:29

Background image on right and left side

Question

2 answers

solution1 5 ACCPTED 2011-08-02 05:35:37

solution2 1 2011-08-02 05:35:29

solution1
5 ACCPTED 2011-08-02 05:35:37

solution2
1 2011-08-02 05:35:29