Background image on right and left side
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>
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.
Add height and width for your DIVs.
精彩评论