我有一幅图像，用于在主要内容区域周围创建伪阴影边框。但是，它只会出现在内容的左侧，而不会出现在右侧。我知道这与图像大小无关，因为我们在页脚中使用了类似的图像（以创建盒装外观）。以下是该部分的CSS，是否有人可以告诉我是否需要更改，删除或添加内容？我对进行Web前端/设计非常陌生，因此，如果您还需要其他任何信息，请告诉我。谢谢
#main
{
background-image: url('../../Content/Images/body_rpt.png');
clear: both; /*add this so tabs go left! */
padding: 15px 15px 15px 30px; /*30px 30px 15px 30px; */
background-color: #fff;
/*border-radius: 4px 0 0 0;*/
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
}
供比较的是页脚部分，该部分工作正常
footer,
#footer
{
background-image: url('../../Content/Images/body_bot.png');
background-repeat: no-repeat;
background-color: #fff;
color: #999;
padding: 10px 0;
text-align: center;
line-height: normal;
margin: 0 0 30px 0;
font-size: .9em;
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
}
最佳答案
我没有看到任何会导致您的主bg图像出现在右侧的东西...我要做的是创建两个单独的div，如果我有body> wrapper> col1，col2，我会执行body> wrapper > col1（左边框），col2，col3，col4（右边框）如果要使用图像作为边框，则将col1和col4的宽度设置为1-2％。
另一种方法是使用浮点数，另一种方法是使用CSS阴影属性构建（我不知道您的边框是什么样，请使用fiddelr ???）。
但是，如果我感觉真的很新，我将拍摄bg图像，在图像编辑器中将其打开，将主体长度+边框（左）+边框（右）作为我的图像宽度，并在两侧设置边框并使用作为我的背景（静态图片方法）。