Question

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

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

Answer 1

我没有看到任何会导致你的主要bg图像出现在右侧...我会做的是创建两个单独的div，如果我有身体＆gt;包装器＆gt; col1，col2，我做的身体＆gt;包装器＆gt; col1（左边框），col2，col3，col4（右边框）如果我要使用图像作为边框，我将col1和col4设置为1-2％宽度。

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

如果我感觉真的很新，我会拍摄我的bg图像，在图像编辑器中打开它，将体长+边框（左）+边框（右）作为我的图像宽度并设置两侧的边框并将其用作我的背景（静态图像方法）。

Div中的背景图像在左侧而非右侧未正确显示

1 个答案: