Уже очень давно интересно разрешить такую задачу.
Штрихованный фон - на нем размещается блок, контур которого бросает тень на эту штрихованную область.
Суть проблемы.
Штрихи на тени не стыкуются со штрихами на фоне (при 1280x1024 все ОК).
Верстка CSS.
Пример: gom.ucoz.ru/img/1l.jpg
Код:#page_bg { * * * background: #fff url(images/index1.gif) repeat-x; * * * margin: 0px 0px 0px 0px; * *padding: 0px 0px 0px 0px; * *text-align: center; * * } * * #main { * * * height: 100%; * * * margin-top: 40px; * *margin-right: auto; * *margin-left: auto; * * * text-align: left; * * * width: 924px; * * } /* верхняя полоса */ * * #top1 { * * * position: relative; top: 0px; left: 0px; * * * background: url(images/top1.jpg) no-repeat; * * * width: 12px; * * * height:10px; * * * float: left; * * } * * #top2 { * * * background: url(images/top2.jpg) repeat-x; * * * width: 900px; * * * height:10px; * * * float: left; * * } #top3 { * * * background: url(images/top3.jpg) no-repeat; * * * width: 12px; * * * height:10px; * * } * * * </style> </head> <body id="page_bg"> <div id="main"> * * * <div id="top1"></div> * * * <div id="top2"></div> * * * <div id="top3"></div> </div> </body>
