0

我有一个图像，用于在主要内容区域周围创建一个伪阴影边框。但是，它只会出现在内容的左侧，而不是右侧。我知道这不是图像大小的问题，因为我们在页脚使用了类似的（以创建盒装外观）。下面是该部分的 css，谁能告诉我他们是否看到了我需要更改、删除或添加的内容？我对做网络前端/设计很陌生，所以如果您需要其他任何东西，请告诉我。谢谢

#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;
}
4

1 回答 1

0

我没有看到任何会导致您的主 bg 图像出现在右侧的东西......我要做的是创建两个单独的 div 说如果我有 body > wrapper > col1, col2，我会做 body > wrapper > col1（左边框）、col2、col3、col4（右边框） 如果我要使用图像作为边框，我会将 col1 和 col4 设置为 1-2% 宽度。

另一种方法是使用浮点数，另一种方法是使用 CSS 阴影属性中的构建（我不知道你的边框是什么样子，使用 fiddelr ？？？）。

但是，如果我感觉很新鲜，我会拍摄我的 bg 图像，在图像编辑器中打开它，将 body length + border(left) + border(right) 作为我的图像宽度，并在两侧设置边框并使用它作为我的背景（静态图像方法）。

于 2013-01-18T23:40:46.560 回答