Бесконечно длинный круглый прямоугольник - PullRequest
Новая
       0

Бесконечно длинный круглый прямоугольник

0 голосов
/ 05 января 2010

По сути, моя цель - чтобы div содержимого моей страницы был заключен в круглый прямоугольник. Вроде как это: 

Top of round rect (White)
Page content (uses a white rectangular css background) 
Bottom of round rect(White)

Так что раздел содержимого страницы может быть настолько длинным, насколько мне нужно, и сохранять круглую прямоугольную форму. Я просто не уверен, лучший способ сделать это. Я попытался добавить img вверху div для содержимого страницы, но прозрачные области были переопределены фоном содержимого страницы. Спасибо

Ответы [ 2 ]

1 голос
/ 05 января 2010

Если я понимаю, что вы имеете в виду, вы должны поместить верхний и нижний div за пределы содержимого div: 

<html>
<div id=top>&nbsp;</div>
<div id=middle>

... insert page content ...

</div>
<div id=bottom>&nbsp;</div>
</html>

, а затем в CSS 

#top {
 background : url("top.png") no-repeat bottom center;
 height : <height of image in pixels>px;
 padding : 0;
 margin: 10px auto 0 auto;
 width:<required width>
}

#middle {
 background : url("middle.png") repeat-y top center;
 padding : 0;
 margin: 0 auto 0 auto;
 width:<required width>
}

#bottom {
 background : url("bottom.png") no-repeat top center;
 height : <height of image in pixels>px;
 padding : 0;
 margin: 0 auto 10px auto;
 width:<required width>
}
1 голос
/ 05 января 2010

Знаменитая Раздвижная дверь техника может быть то, что вам нужно. Возможно, вам понадобится добавить дополнительное повторяющееся изображение, чтобы сделать его бесконечно длинным.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...